Q

如何从HTML和JavaScript发布实时视频流？

2017-02-02 42 views 0 likes

0

我有这样一段代码这需要输入的相机和网页浏览器窗口内显示它（不直接通过打开一个文件仅当从网络服务器提供服务，作品）：如何从HTML和JavaScript发布实时视频流？

<html> 
<body> 

<video id="video" width="640" height="480" autoplay="true"></video> 

<script> 
    var video = document.getElementById('video'); 
    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { 
     navigator.mediaDevices.getUserMedia({video: true}).then(function (stream) { 
      video.src = window.URL.createObjectURL(stream); 
      video.play(); 
     }); 
    } 
</script> 

</body> 
</html>

I” d喜欢直播视频到一个URL（例如：到“/ publish /？password =”如https://github.com/vbence/stream-m）

我该如何编码？

谢谢！

2017-02-02 ikevin8me

A

回答

1

最佳实践方法，特别是如果您希望有多个客户端查看视频，则需要将流式传输到视频流式服务器，然后让视频流式服务器将其流式传输到各个客户端。

视频流媒体服务器可用于开源或商业，并且安静专用机制以最大化设备覆盖范围并处理不同的网络条件和设备屏幕大小/分辨率。重建这种类型的功能本身并不是微不足道的。

下面是该方法的使用Wowza商业流媒体服务器（我有没有隶属关系到他们）一个例子：

更多的信息在这里（从上面的图片拍摄地点）：https://www.wowza.com/products/capabilities/webrtc-streaming-software

这将支持类似的方法的流媒体服务器的一个源的例子是GStreamer的：

https://gstreamer.freedesktop.org个

更新

与使用剑锋服务器信息的链接。这支持从WebRTC客户端连接，包括流插件：

2017-02-03 16:20:59 Mick

+0

那么，如何写JavaScript来流的视频输出（从客户端浏览器向服务器）？ – ikevin8me

+0

嗯，在wowza页面上有一个链接，可以让你注册获取他们的API。如果您更喜欢开源解决方案，那么您可以将WebRTC连接到Janus WebRTX服务器并使用其流式插件（请注意，我个人没有这样做，但它似乎很好的支持）。我会在上面的答案中添加链接。 – Mick

相关问题