Question

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

查看流的用户不必安装任何插件或视频播放器，例如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>

另见：Streaming via RTSP or RTP in HTML5

Answer 2

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

Answer 3

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

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

3 个答案: