所有浏览器都不支持录制视频
安妮塔
我已经实现了 react-webcam 和 react-video-recorder 分别使用设备的网络摄像头拍摄照片和视频。我遵循了文档，它们都在我的本地主机上完美运行。问题是当我部署它们时，浏览器不支持录制视频。我已经在 Chrome、Firefox 和 Opera 上对其进行了测试，但它们都不支持它。
我遵循https://www.npmjs.com/package/react-webcam拍摄图像和https://www.npmjs.com/package/react-video-recorder通过设备的网络摄像头录制视频。
class VideoPost extends Component {
handleRecordingComplete = (videoBlob, startedAt, thumbnailBlob, duration) => {
const urlCreator = window.URL || window.webkitURL;
const videoUrl = urlCreator.createObjectURL(videoBlob);
this.setState({ videoSrc: videoUrl, video: videoBlob });
};
onVideoDisplay = () => (
<video
src={this.state.videoSrc}
controls
style={{
height: '200px',
width: '200px'
}}
/>
);
render(){
return(
<div>
<VideoRecorder
onRecordingComplete={this.handleRecordingComplete}
renderLoadingView={this.onVideoDisplay}
/>
</div>
)
}
}
我希望视频能正常工作 
但是在现场直播中， 
我错过了什么吗？
尼希尔克斯
这可能是由于来源不安全。确保您已在https上部署您的应用程序，即您已应用有效的 SSL 证书
参考 - react-webcam 的 npm 页面
注意：如果页面是从不安全的来源加载的，浏览器将抛出错误。即使用https。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
我所有的浏览器突然都不支持Javascript文件了吗？
- 2
任何浏览器都不支持的javascript函数
- 3
在所有浏览器中“对象不支持属性或方法'ajaxSubmit'”
- 4
为什么除了Firefox之外，其他浏览器都不支持动画PNG？
- 5
如何解决“浏览器当前不支持任何视频格式”消息？
- 6
移动浏览器不支持 WebM 视频时的后备图像
- 7
检测浏览器是否不支持具有完整CORS支持的XMLHttpRequest
- 8
不支持的浏览器的HTTP状态代码
- 9
现代浏览器不支持眨眼标签吗？
- 10
Localhost-Cookie被浏览器阻止或不支持
- 11
Localhost-Cookie被浏览器阻止或不支持
- 12
现代浏览器不支持“ DOMAttrModified”事件吗？
- 13
IE 7、8、9、10的带有“不支持浏览器”的空白页
- 14
是否有一段时间浏览器不支持HTML4
- 15
Microsoft Internet Explorer：“您的浏览器不支持此视频编解码器（WMV，FLV）”
- 16
我们如何使音频在所有浏览器中都能工作，如果浏览器不支持音频，我们可以使用什么原语？
- 17
Windows上的Chrome不支持主机文件，而其他浏览器却支持
- 18
当浏览器不支持CSS样式，而该属性支持时，会发生什么呢？
- 19
iOS模拟器不支持此浏览器
- 20
浏览器无法向不支持CORS的服务器发出远程请求
- 21
浏览器无法向不支持CORS的服务器发出远程请求
- 22
替换可能不支持X浏览器的CSS选择器
- 23
谷歌浏览器在 WAMP 服务器中不支持 localhost https url
- 24
如何检测不支持XHR2上传进度的浏览器
- 25
Javascript错误：对象在IE浏览器中不支持此属性或方法
- 26
Excel 2013应用程序崩溃-不支持浏览器
- 27
当浏览器不支持CSS伪类时会发生什么？
- 28
如何模拟非SNI浏览器（不支持SNI）？
- 29
当浏览器不支持http2时回退到http1.1
我来说两句