使用html5播放音频流

ɢʜʘ*_*ɔʘɴ 6 javascript streaming html5 rtsp wowza

我如何使用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>
Run Code Online (Sandbox Code Playgroud)

编辑:Stream完美地在智能手机上工作,但在PC浏览器上不起作用

Arn*_*der 3

HLS(m3u8 文件)将在 iOS(以及一些 Android,但支持可能很笨拙)和 Mac OS Safari 上以 HTML5 音频标签播放: <video width="640" height="360" preload="auto" controls src="http://[ServerIP]:1935/vod/test.mp4/playlist.m3u8"></video>

RTSP 可以通过 Chrome 中的 a 标签在 Android 上播放:

<div id="myElement">
<a href="rtsp://[ServerIP]:1935/vod/mp4:test.mp4">watch this stream over RTSP</a>
</div> 
Run Code Online (Sandbox Code Playgroud)

RTSP 应该在 Android 上的 HTML5 视频标签中工作,但只能在本机浏览器上工作(这是我的经验,我通常使用 a 标签,因为 Chrome 现在是 Android 4+ 中的默认浏览器):<video width="640" height="360" preload="auto" controls src="rtsp://[ServerIP]:1935/vod/sample.mp4"> </video>

要支持台式电脑,请提供视频标签 src(mp3、ogg、wav ..)的下载链接,或者如果您必须使用流媒体协议,则需要借助 Flash 之类的插件(并为其提供 RTMP 或HDS 饲料)。

有用于 Web 浏览器的 VLC 插件,可以允许播放 RTSP 流,但位于嵌入标签中: <embed TYPE="application/x-vlc-plugin" autoplay="no" loop="no" width="640" height="360" target="rtsp://[ServerIP]:1935/vod/sample.mp4"></embed>

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