从HTML页面中的视频流数据

时间:2019-02-02 22:53:43

标签: video-streaming streaming html5-video

我正在尝试从使用计算机网络摄像头的html页面发送视频数据。我想知道如何获取这些视频数据并将其发送到我的服务器。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

有两种方法。

第一种是使用WebRTC,将服务器作为“对等”。这要求您设置一个可以在此模式下工作的服务器,然后对视频进行处理。这很复杂。编解码器是自动协商的。比特率可以更改以匹配当前的网络条件。存在NAT遍历(这应该不成问题,因为您的服务器将始终能够自行打开端口)。

一旦您弄清了信号,请看一下gstreamer的WebRTC实现。它仍然是获取服务器端视频的最简单方法之一。 (至少,直到node-webrtc包实现为止!即将推出!)

第二种方法是使用MediaRecorder API对来自摄像机的MediaStream进行编码,然后将结果数据通过二进制Web套接字发送到服务器。这要简单得多,但不允许自动调整中游带宽。

我不久前为Facebook编写了一些示例代码,用于从画布中进行流式传输。您的用例实际上更简单,因为您不需要捕获画布……您已经拥有一个MediaStream。 https://github.com/fbsamples/Canvas-Streaming-Example