使用 Javascript 读取 Icecast 元数据答案

【问题标题】：Read Icecast Metadata with Javascript使用 Javascript 读取 Icecast 元数据
【发布时间】：2016-09-28 15:48:44
【问题描述】：

我正在开发一个基于 AngularJS 和 Laravel 5 的网络广播应用程序，它可以读取 Icecast 流。现在，我正在将流加载到 html5 音频元素中，它工作得非常好。每 5 秒，我调用一个后端方法，该方法返回当前播放的歌曲信息，并且我能够使用新标题、艺术家更新视图...

但我遇到了一个问题：视图在歌曲真正开始前几秒钟（有时长达 40 秒）更新。这可能是由于某些浏览器缓冲造成的。

现在，我正在尝试从 icecast 元数据中读取歌曲信息。有没有办法每次在 JS 的流中获取元数据？这将是完美的，我不会有任何延迟问题，而且我不必每 5 秒调用一次后端。

【问题讨论】：

【解决方案1】：

Firefox(gecko) 确实为 HTML5 元数据提供了特定于供应商的 JavaScript API。我相信我在 SO 的其他地方已经解释过了。

我不知道任何可以与纯 HTML5 后端一起使用的跨浏览器选项。

这会占用大量 CPU 负载，您可以在 javascript 中解码流并在用于播放的缓冲区的同一点读取元数据。 Audiocogs 有一些开源组件，而且 Wikipedia 也为不支持本机播放的浏览器使用了该组件的变体。

【讨论】：