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

2024-02-14

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

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

我需要视频为 mp4 格式,例如:rtsp://www.mywebsite/streaming/video.mp4

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

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


这是可能的。但如果您正在寻找跨浏览器支持,您将遇到重大问题。您可以做的是向支持它的浏览器提供 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 进行流式传输 https://stackoverflow.com/questions/1735933/streaming-via-rtsp-or-rtp-in-html5

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 HTML5 中流式传输实时视频? 的相关文章

随机推荐