使用createObjectURL动态创建视频（流）

Question

我想知道是否可以动态创建html5视频。你们中的一些人可能会注意到新的webrtc及其在视频标签中的行为。

navigator.webkitGetUserMedia('video', gotStream, noStream);

function gotStream(stream) { 
  video.src = webkitURL.createObjectURL(stream);
}

gotStream(stream)中的“流”到底是什么，“接口”是什么样子，所以我可以生成我自己的一个？可能是通过计算东西或仅从服务器接收数据来显示视频。如何从这个“流”中获取数据？所以我可以从一个用户网络摄像头读取它，将其发送到我的服务器，让它通过接收用户。二进制数据传输不是我的问题，我已经有了这个工作。 我只需要来自一个用户的“流”中的数据，并在想要看到用户网络摄像头的目标用户上重建该“流”。

关于“我自己从哪里获取这些信息”（API文件类型）的任何进一步信息也将非常有用，因为我找不到任何信息。

我知道PeerConnection的东西，所以不需要在这里提及它。 Cuz旁边的网络摄像头我喜欢将动态生成的视频从我的服务器传输到客户端，或者使用ffmpeg等通过动态可变带宽进行某种视频传输但是为此我需要将数据传输到video元素

Answer 1

你可能想看看Whammy：http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/。

现在，您可以定期将视频元素屏幕复制到画布，然后保存该画布以构建视频。 Whammy将从画布生成的webp图像连接到webm文件中，充分利用了webp（图像）和webm（视频）格式的相似性。

您可以生成其他图像并以相同方式将它们拼接在一起。请注意，这不支持音频。