javascript - 是否可以在悬停 div 时从 .m3u 源流式传输?

标签 javascript html stream m3u internet-radio

我正在开发一个关于世界语言的交互式网站。 该计划的一部分是制作一张世界地图,当悬停在不同的国家/地区时,它会发出声音。重点是语言的发音。

我想嵌入每个国家/地区的网络广播流。一旦将鼠标悬停在一个国家/地区上空,就会播放该流。当光标离开国家轮廓时它停止。

代码方面的方法是监听鼠标事件,例如使用 jQuery 并将流分配给函数。

我设法将 mp3 文件嵌入到我服务器上的一个单独目录中。如何用 m3u 做到这一点?据我所知,html5 无法处理 m3u 流。

我很感激任何帮助。

最佳答案

M3U 不是流,而是播放列表。如果您在文本编辑器中打开一个 M3U 文件,您会看到它是 just a list of URLs。 .

#EXTM3U
http://example.com/stream
http://example.com/stream2

出于您的目的,删除以井号 # 开头的任何行,然后使用文件中的 URL 作为 HTML5 音频的来源。

另请注意,还有另一个使用 M3U8 的标准(同样的东西,只是 UTF-8 编码)HTTP Live Streaming (HLS)但目前还没有广泛的浏览器支持。现在,如果您偶然发现 M3U 文件,可以肯定地说您正在查看 HTTP 渐进式流,通常由 SHOUTcast 或 Icecast 提供。不过,这在未来可能会改变。

关于javascript - 是否可以在悬停 div 时从 .m3u 源流式传输?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25825688/

相关文章:

javascript - 通过 Firefox 插件将剪贴板中的数据添加到页外输入

javascript - 是否可以在没有触发器的情况下在 Javascript 中进行转换?

javascript - 读取javascript脚本index.html公共(public)文件夹中的类react js

javascript - 制作另一个将显示列表(自动完成)并将用作所选字段的值的表单

c# - Streams 的奇怪问题

javascript - JSliderNews 2.0 (jQuery) 如何添加淡入淡出效果

javascript - 使用 Javascript/JQuery 的媒体查询 - 根据屏幕大小更改图像

iphone - HTML 未正确加载

video - FFMPEG 流 RTSP 到 RTMP (Youtube) 添加 Logo

用于 Twitter 用户/站点流的 Ruby 库?