如何在 HTML5 中流式传输实时视频？

Question

我正在寻找一种方法来广播从植根于 PC 的网络摄像头或相机拍摄的实时视频。 广播应该使用标签（我认为支持 rtp 和 rtsp）显示在 HTML5 页面中。

查看流的用户不必安装任何插件或视频播放器，例如 QuickTime。

我需要视频采用 mp4 格式，例如： rtsp://www.mywebsite/streaming/video.mp4

这将是我作为 html 5 视频标记的 src 放置的链接。

所以我想知道是否可能，我有什么选择来做这些事情。

Answer 1

这是有可能的。但如果您正在寻找跨浏览器支持，您将遇到重大问题。您可以做的是向支持它的浏览器提供 HTML5 视频，然后为不支持它的浏览器提供 QuickTime。

<video src="stream.mp4">

    <!-- Don't support <video> -->
    <object>
        <param name="src" value="video.mp4" />
        
    <param name="autoplay" value="true" />
        
    <param name="type" value="video/quicktime" height="256" width="320" />
        
    
    <embed src="video.mp4" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" />
    </object>

</video>

另请参阅：在 HTML5 中通过 RTSP 或 RTP 进行流式传输

Answer 2

我认为现在不可能“欺骗”HTML5 浏览器将实时视频流封装到“.mp4”文件中。
我相信 HTML5 在不久的将来会考虑支持实时视频。
你能做的就是等待。 :)

Answer 3

为了获得最大的兼容性，我们的视频工作流程如下所示，
制作一个在 MP4 容器中使用 H.264 基线视频和 AAC“低复杂性”音频的版本制作另一个在 Ogg 容器中使用 WebM (VP8 + Vorbis) 或 Theora 视频和 Vorbis 音频的版本。
我认为这种组合可以解决您的问题&它可以在大多数浏览器上播放。
您应该至少需要两个版本的视频才能在所有浏览器中播放。