如何在javascript中从HTML5视频元素中获取媒体流对象

sur*_*bob 7 html video webrtc

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

谢谢,苏瑞

小智 2

目前您无法从视频标签添加媒体流,但将来应该可以,正如MDN上所解释的那样

MediaStream 对象具有单个输入和单个输出。由 getUserMedia() 生成的 MediaStream 对象称为本地对象,并将用户的摄像头或麦克风之一作为其源输入。非本地 MediaStream 可以表示媒体元素,例如 或 ,源自网络并通过 WebRTC PeerConnection API 获得的流,或使用 Web Audio API MediaStreamAudioSourceNode 创建的流。

但是您可以使用媒体源扩展 API来执行您想要的操作:您必须将本地文件放入流中并附加到 MediaSource 对象中。您可以在这里了解有关 MSE 的更多信息:http://www.w3.org/TR/media-source/

您可以在这里找到上述方法的演示和源代码