首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >利用html5播放音频流

利用html5播放音频流
EN

Stack Overflow用户
提问于 2014-03-10 09:59:36
回答 2查看 17K关注 0票数 6

我如何使用HTML5音频标签播放RTSP流,我已经检查了来自wowza http和RTSP的流链接都很好地工作在VLC上,但是当我将这些链接嵌入到html5音频标记中时,似乎没有任何帮助是值得感谢的。这是我的HTML5代码

代码语言:javascript
运行
复制
<!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浏览器上却不能工作

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-04-07 15:59:13

HLS (m3u8文件)将在iOS (和一些安卓系统,但支持可能是笨重的)和Mac上播放HTML5音频标签:<video width="640" height="360" preload="auto" controls src="http://[ServerIP]:1935/vod/test.mp4/playlist.m3u8"></video>

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

代码语言:javascript
运行
复制
<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+中的默认浏览器):<video width="640" height="360" preload="auto" controls src="rtsp://[ServerIP]:1935/vod/sample.mp4"> </video>

要支持桌面PC,可以提供到视频标记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视频与协议无关,但它依赖于web浏览器/OS制造商的实现,这可能随着时间和制造商的不同而变化。

票数 3
EN

Stack Overflow用户

发布于 2014-10-15 16:04:13

代码语言:javascript
运行
复制
<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上工作过,我正等着在老系统--windows、safari和opera上进行测试。对IE8不起作用。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22296991

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档