NodeJS HTML5 音频播放器 MPEG 文件

Posted 2023-02-24

【中文标题】NodeJS HTML5 音频播放器 MPEG 文件

【英文标题】：NodeJS HTML5 Audio Player MPEG File

【发布时间】：2014-07-09 16:49:02

【问题描述】：

我们从某个网络流 API 接收到一个 MPEG 音频文件的直接链接，需要在 html5 音频播放器中显示它。这并不是真正的带 MPEG 编解码器的 MP3，而是仅带纯音频的 MPEG 视频格式。

有没有办法将 MPEG 放入 HTML5 音频播放器？或者将其放入 HTML5 视频播放器中，并从我们自定义的 HTML5 音频播放器中获取样式并将其应用到其中（我们需要一种隐藏视频容器的方法）？

【问题讨论】：

Node.js 和这个问题有什么关系？

【参考方案1】：

如果您的音频播放器是完全自定义的（即纯 HTML /w JS，并对 <AUDIO> 元素的事件做出反应），那么您可以简单地创建一个适配器来对 <VIDEO> 元素做出反应，您可以简单地将其放在屏幕外.有关视频事件和其他 API 的更多信息，请参阅 w3.org 站点。

注意：我会更精确地说明如何执行，不幸的是，问题对当前的实际实现非常模糊。

更新

嗯，有各种各样的 HTML 音频播放器。以Bootstrap 为例。或者jPlayer 是另一个。只需 Google HTML5 audio player 了解更多信息。

要将视频播放器置于屏幕外，只需设置元素样式

<video style="position:absolute; left:-99999px;">

当然，如果您自己酿造播放器（实际上并不难）。

您也可以看看实际的video player，它也可以播放音频源。 :)

注意：对于video.js，请关注this issue 以获得音频支持。

【讨论】：

谢谢，@yanick-rochon！我们的音频播放器可以是定制编写的，也可以购买或使用免费的。当然是纯 HTML /w JS，但我不确定它是否会对 元素做出反应。 codecanyon.net/item/… 那个看起来很有趣，但乍一看似乎不适用于 。无论如何，如何在不使用页面顶部音频播放器或其他东西的情况下偏移