用于直播的HTML5视频标签

Question

我想知道HTML5 <video>标记是否可以用于实时流式传输，而不是其他复杂的方法，比如使用其他服务器，如凸轮流。如果可能的话，我想看一个基本的示例代码。

Answer 1

1. 使用编码器（例如VLC或FFmpeg）对输入流进行打包 到OGG格式。例如，在这种情况下，我使用VLC进行打包 使用此代码的屏幕捕获设备：

     

   C：\ Program Files \ VideoLAN \ VLC \ vlc.exe -I虚拟屏幕：//   ：screen-fps = 16.000000：screen-caching = 100   ：SOUT =＃{转码了vcodec =西奥，VB = 800，标度= 1，宽度= 600，高度= 480，acodec = MP3}：HTTP {MUX = OGG，DST = 127.0.0.1：8080 / desktop.ogg}   ：no-sout-rtp-sap：no-sout-standard-sap：ttl = 1：sout-keep

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

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

这就像桌面直播。性能可能很低但是支持直播。即使是相机流式传输，它也只取决于您传递给视频标签的网址。

Answer 2

用于直播视频。 @Susheel Singh所说的是正确的，但它不适用于IE或Chrome，并且需要自定义服务器组件。它还限制了你一个非常低劣的视频编解码器（Thora，但Opus音频非常好）。所有浏览器都支持的唯一容器是MP4。但MP4不能（理智地）支持实时视频。您需要的是将fMP4和MSE用于实时视频。使用像video.js这样的播放器可以简化这一过程。