gpt4 book ai didi

javascript - 使用html5播放音频流

转载 作者:太空狗 更新时间:2023-10-29 15:14:06 25 4
gpt4 key购买 nike

我如何使用 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 浏览器上不起作用

最佳答案

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 中的标签在 Android 上播放:

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

RTSP 应该在 Android 上的 HTML5 视频标签中工作,但只能在 native 浏览器上工作(这是我的经验,我通常使用 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 ..)的下载链接,或者如果您必须使用流媒体协议(protocol),则需要求助于 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 视频与协议(protocol)无关,但它取决于网络浏览器/操作系统制造商的实现,并且可能会随着时间和制造商的不同而有所不同。

关于javascript - 使用html5播放音频流,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22296991/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com