html - NodeJS HTML5 音频播放器 MPEG 文件

标签 html node.js audio mp3 mpeg

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

是否有将 MPEG 放入 HTML5 音频播放器的解决方法?或者把它放在一个 HTML5 视频播放器中,并从我们自定义的 HTML5 音频播放器中获取样式并将其应用到其中(我们需要一种隐藏视频容器的方法)?

最佳答案

如果您的音频播放器是完全自定义的(即纯 HTML/w JS,并对 <AUDIO> 元素的事件作出 react ),那么您可以简单地创建一个适配器来对 <VIDEO> 作出 react 。您可以简单地将其放在屏幕外的元素。见w3.org网站以获取有关视频事件和其他 API 的更多信息。

备注 :我会更精确地说明如何做,不幸的是,问题对当前的实际实现非常模糊。

更新

好吧,那里有各种 HTML 音频播放器。对于Bootstrap , 例如。或 jPlayer是另一个。只需谷歌 HTML5 audio player更多。

要将视频播放器放在屏幕外,只需将您的元素设置为

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

当然,如果你自己酿造播放器(实际上并不难)。

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

备注 : 对于 video.js , 关注 this issue音频支持。

关于html - NodeJS HTML5 音频播放器 MPEG 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24659452/

相关文章:

javascript - jQuery - insertAfter 不工作

node.js - Mac 上的手写笔 : I get error trying to install it

javascript - 如何在不影响其余页面样式的情况下加载带样式的 HTML 文件?

c# - 如何将音频文件添加到我的表单?

android - 英特尔XDK共享音频文件

javascript - 单击时调用的函数影响具有相同类的所有元素

jquery - 隐藏选择中的第一个选项

node.js - 根据玩家位置从服务器发送数据

ios - 在连接的 iOS Safari 中记录 HLS 流段的请求

javascript - 如何使用脚本通过电子邮件发送已解析的 JSON