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

Question

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

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

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

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

我很感激任何帮助。

Answer 1

M3U 不是流，而是播放列表。如果您在文本编辑器中打开一个 M3U 文件，您会看到它只是一个 URL 列表。

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

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

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