写一个Video标签，然后用navigator.mediaDevices.getUserMedia方法在PC端浏览器进行录制，把获取到的视频流复制给Video标签的srcObject属性，发现报错，无法进行实时预览
1***@qq.com
- 发布：2024-04-17 19:18
- 更新：2024-04-20 11:21
- 阅读：187
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 3.99
HBuilderX类型： 正式
HBuilderX版本号： 3.99
浏览器平台： Chrome
浏览器版本： 版本 101.0.4951.15（正式版本） （64 位）
项目创建方式： HBuilderX
操作步骤：
预期结果：
预期是在PC浏览器拉起PC端摄像头进行拍摄视频
预期是在PC浏览器拉起PC端摄像头进行拍摄视频
实际结果：
实际只能拉起摄像头拍摄视频并下载，但是无法再拍摄的时候，进行实时预览
实际只能拉起摄像头拍摄视频并下载，但是无法再拍摄的时候，进行实时预览
bug描述：
video的srcObject属性无法设置实时预览，但是普通的vue项目在PC端浏览器可以正常预览，现在项目要求必须在PC端浏览器录制视频，所以要用srcObject属性进行预览
1 个回复
阿全uniapp
你是在H5上用，还是APP上用。如果是APP是没有srcObject这个属性的。APP上可以使用renderjs实现。如果是H5，自己创建一个VIDEO标签，再添加你的元素中去。不要使用官方的VIDEO组件，官方的应该被包裹了一个元素的。好像是这样。我忘记了。你通过元素查看代码。找到VIDEO。再拿到这个DOM，直接操作就行了。我最近也是在做视频播放的功能。我做的是WEBRTC播放流。也是试了好多方法，最后使用的是renderjs，因为我还要在APP端播放。