声网在线教育demo。如何使video标签默认有controls属性

视频播放默认需要有网页播放器控制条,但默认不显示,需要右键显示控件,才能显示。怎么做才能让他默认显示进度条?(怎么才能给video加上controls属性,没用过react,不知道在哪里写)

当使用 video 属性时,如果需要给添加的视频添加一个实现播放的控件,该控件使用 controls 属性实现,controls 属性设置或返回浏览器应当显示标准的视频控件,
image
直接这样加

你好,主要是,没用过react。不知道在哪个文件里加。


这就是video-player.tsx里的内容。这里找不到video标签。。不知道这个video标签是写在哪里的。。多谢解答。。:sob:

%E5%9B%BE%E7%89%87

跑起来之后是这个样子。这个video标签不知道在哪里。


你看一下这个页面,是不是会有些帮助

谢谢。自己解决了。在video-player.tsx文件下加几句代码解决了。

1 个赞

还得再咨询一个问题,录制与回放功能怎么使用。阿里云我配置好了。。点击录制弹 acquire recording failed

你看下这里的云录制相关信息都配置好了么?

# 声网的APPID 通过声网开发者管理界面获取
REACT_APP_AGORA_APP_ID=Agora APPID
# true表示开启声网前端日志
REACT_APP_AGORA_LOG=true
# 白板的sdktoken 可以通过后台获取
REACT_APP_NETLESS_APP_TOKEN=SDKTOKEN
# 白板的api 详情请参考白板官方文档的集成指南
REACT_APP_NETLESS_APP_API_ENTRY=https://cloudcapiv4.herewhite.com/room?token=
REACT_APP_NETLESS_APP_JOIN_API=https://cloudcapiv4.herewhite.com/room/join?token=
# 声网的云录制服务地址 (不推荐在前端或客户端直接集成)
REACT_APP_AGORA_RECORDING_SERVICE_URL=https://api.agora.io/v1/apps/%s/cloud_recording/
# 存放云录制OSS的CDN地址
REACT_APP_AGORA_RECORDING_OSS_URL=云录制OSS地址
# 下列OSS相关的信息不建议放在前端存储
REACT_APP_AGORA_OSS_BUCKET_NAME=你的oss名字
REACT_APP_AGORA_OSS_BUCKET_FOLDER=你的oss存储目录
REACT_APP_AGORA_OSS_BUCKET_REGION=你的oss存储节点地区
REACT_APP_AGORA_OSS_BUCKET_KEY=你的oss存储key或者存储id
REACT_APP_AGORA_OSS_BUCKET_SECRET=你的oss的存储秘钥

如果配置好了还是有这个问题,

麻烦打开控制台,然后抓下日志,提供给我们