相关疑难解决方法(0)

我正在使用 webRTC 进行对等通信，我们有来自 getUserMedia 的媒体流对象，它作为输入流提供给对等连接。在这里，我需要来自本地驱动器的所选视频文件的视频流，该文件使用 HTML5 的 Video 元素播放。是否可以从视频标签创建媒体流对象？

谢谢，苏瑞

我在Chrome中获取视频截图时遇到问题,而且我已经用尽所有互联网和所有Stackoverflow的答案了; 没运气.

无论我尝试什么,当我尝试使用该canvas元素截取不同域上的视频的屏幕截图,甚至只是一个不同的端口时,我最终都会Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.出错.

这是我的设置:

Web应用程序URL
http://client.myapp.com/home.html

CDN网址(我已尝试过)
http://client.myapp.com:8181/somevideo.mp4
http://cdn.myapp.com/somevideo.mp4

标题从CDN发回MP4:

Accept-Ranges:bytes
Access-Control-Allow-Origin:*
Access-Control-Expose-Headers:x-ms-request-id,Server,x-ms-version,Content-Type,Last-Modified,ETag,x-ms-lease-status,x-ms-lease-state,x-ms-blob-type,Accept-Ranges,Content-Length,Date,Transfer-Encoding
Content-Length:5253832
Content-Range:bytes 48-5253879/5253880
Content-Type:video/mp4
Date:Sat, 06 Feb 2016 17:24:05 GMT
ETag:"0x8D32E3EDB17EC00"
Last-Modified:Fri, 05 Feb 2016 15:13:08 GMT
Server:Windows-Azure-Blob/1.0 Microsoft-HTTPAPI/2.0
x-ms-blob-type:BlockBlob
x-ms-lease-state:available
x-ms-lease-status:unlocked
x-ms-request-id:88d3aaef-0629-4316-995f-021aa0153c32
x-ms-version:2015-04-05

我有:

• 添加crossOrigin="anonymous"到视频元素,但这只会使视频无法完全加载
• 尝试在不同的端口上使用相同的域(如上所述)
• 确保Access-Control-Allow-Origin回来*(如上)
• 我不相信它是DRM,因为如果我将完全相同的视频文件复制到Web应用程序并在本地加载它,截图工作正常
• 浏览此问题的所有答案,但这是针对图像而不是视频而且答案仅描述了之前的所有要点

然而,仍然是爆炸的错误.

编辑
新增代码:

var getScreenshotDataUrl = function(video, canvas, type) {
    type = type || …