直播HTML5视频标签

Question

我想知道除了使用其他复杂的方法之外，HTML5 <video>标签是否也可以用于直播，比如使用其他服务器，如cam streams。如果可能的话，我想看一个基本的示例代码。

Answer 1

1. 使用编码器(例如VLC或FFmpeg)将您的输入流打包为OGG格式。例如，在本例中，我使用VLC通过以下代码对屏幕捕获设备进行打包：

C:\Program Files\VideoLAN\VLC\vlc.exe -I虚拟屏幕:// :screen-fps=16.000000 :screen-：sout=#transcode=100 :sout=#transcode{vcodec=theo，vb=800，scale=1，width=600，height=480，acodec=mp3}:http{mux=ogg，dst=127.0.0.1:8080/desktop.ogg} :no-sout-rtp-sap :no-sout-vb=800-sap :ttl=1 :sout-keep

1. 将此代码嵌入到页面中的<video>标记中，如下所示：

<video id="video" src="http://localhost:8080/desktop.ogg" autoplay="autoplay" />

这就像是台式机的直播。性能可能较低，但支持直播。即使是摄像头流媒体，它也只是取决于你传递给video tag的url。

Answer 2

是为直播视频而设计的。@Susheel所说的是真的，但它不能在IE或chrome中工作，需要一个自定义的服务器组件。它还将你限制在一个相当差的视频编解码器(Thora，但Opus音频是相当好的)。所有浏览器都支持的唯一容器是MP4。但是MP4不能(理智地)支持视频直播。你需要做的就是使用fMP4和MSE进行视频直播。使用像video.js这样的播放器将大大简化这一过程。