const leftVideo = document.getElementById('leftVideo');
const rightVideo = document.getElementById('rightVideo');
leftVideo.addEventListener('canplay', () => {
const stream = leftVideo.captureStream();
rightVideo.srcObject = stream;
});
<video id="leftVideo" playsinline controls loop muted>
<source src="test1.webm" type="video/webm"/>
<p>This browser does not support the video element.</p>
</video>
<video id="rightVideo" playsinline autoplay></video>
在chrome下出现以下错误
stackoverflow Failed to execute 'captureStream' on 'HTMLMediaElement': Cannot capture from eleme
在Chrome浏览器中遇到'Cannot capture from element with cross-origin data'问题,原因是通过file:///协议打开页面。正确做法是使用HTTPS协议。通过运行web_server文件夹中的server.js,利用Node.js和npm在本地搭建服务器。首先安装Node.js和npm,然后执行'npm install'安装依赖,进入web_server目录,运行'node server.js',最后用浏览器访问HTTPS地址。
订阅专栏 解锁全文

1646

被折叠的 条评论
为什么被折叠?



