Javascript中的MediaSource与MediaStream

Question

我的Javascript应用程序通过Websocket连接获得一个WebM视频流。远程对等发送视频帧与应用程序获取视频帧之间没有任何延迟。

我在应用程序中创建了一个MediaSource对象，并将视频元素显示在其中：

video.src = window.URL.createObjectURL(mediaSource);

这是很好的工作，但有一些(不到一秒)的延迟，这可以说使这个解决方案不是最佳的视频通话。

显然，一些WebRTC应用程序使用MediaStream：

video.srcObject = mediaStream;

...and这些显示刻不容缓。

我无法从文档中判断浏览器是否以不同的方式处理src和srcObject。

我无法找到的另一件事是，如果可以创建MediaStream并向其追加缓冲区，就像使用MediaSource一样。我想尝试这样做，以检查srcObject是否会导致我的应用程序出现上述延迟。

如果我用：

video.srcObject = mediaSource;

我知道错误：

TypeError:未能在‘HTMLMediaElement’上设置'srcObject‘属性:提供的值不是'MediaStream’类型

Answer 1

最后，您的VP8流不会在iOS上播放，也不会在媒体源扩展中播放(iOS根本不支持它，哈哈)，也不会在WebRTC中播放(iOS只支持WebRTC的H264视频，ha)。你是在问苹果为什么这么做？哈哈

2020年更新--现在的iOS设备通过WebRTC支持VP8，新的iPADs也开始支持媒体源扩展。干得好，苹果！

Answer 2

video.srcObject = mediaStream
video.src = URL.createObjectURL(mediaSource)

电子测试(因此也应该在铬中工作)