ɢʜʘ*_*ɔʘɴ 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浏览器上不起作用
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 视频与协议无关,但它依赖于网络浏览器/操作系统制造商的实现,并且可能会随着时间和制造商的变化而变化。
归档时间: |
|
查看次数: |
13021 次 |
最近记录: |