Question

我如何使用HTML5音频标签播放RTSP流，我已经检查了来自wowza http和RTSP的流媒体链接在VLC上完美运行但是当我在html5音频标签中嵌入这些链接时，似乎没有任何工作可以提供任何帮助。这是我的HTML5代码

<!DOCTYPE html>
<html>
    <body>
        <audio controls>
            <source src="http://[ServerIP]:1935/bw/_definst_/mp3:audio/64kbps/A_B_C_D_Any_Body_Can_Dance_Bezubaan.mp3/playlist.m3u8" type="audio/mpeg">
            Audio not supported 
        </audio>
    </body>
</html>

编辑：Stream完全适用于智能手机，但无法在PC浏览器上运行

Answer 1

HLS（m3u8文件）将在iOS（和一些Android，但支持可能很笨重）和HTML OS音频标签中的Mac OS Safari上播放： <video width="640" height="360" preload="auto" controls src="http://[ServerIP]:1935/vod/test.mp4/playlist.m3u8"></video>

RTSP可以通过Chrome中的标记在Android上播放：

<div id="myElement">
<a href="rtsp://[ServerIP]:1935/vod/mp4:test.mp4">watch this stream over RTSP</a>
</div>

RTSP应该在Android上的HTML5视频广告代码中使用，但仅适用于原生浏览器（这是我的体验，我通常使用a标记，因为Chrome现在是Android 4+中的默认浏览器）：{{1} }

要支持桌面PC，请提供视频标签src（mp3，ogg，wav ..）的下载链接，或者如果必须使用流媒体协议，则需要使用Flash等插件（并提供它） RTMP或HDS提要）。

Web浏览器的VLC插件可以允许播放RTSP流但是在嵌入标记中： <video width="640" height="360" preload="auto" controls src="rtsp://[ServerIP]:1935/vod/sample.mp4"> </video>

尽管HTML5视频与协议无关，但它依赖于Web浏览器/操作系统制造商的实施，并且可能随着时间和制造商而变化。

Answer 2

<audio controls autoplay="autoplay"><source src="http://ip:port/;stream.mp3" type="audio/mp3">Your browser does not support the audio element.</audio>

为我工作ie10，ff-chrome（win7）和android，iphone / ipad，即时通讯等待测试老款ies-windows，safari和opera。将不会工作ie 8。

使用html5播放音频流

2 个答案: