在 div 中播放音频

Posted

技术标签:

【中文标题】在 div 中播放音频【英文标题】:playing audio in a div 【发布时间】:2011-01-11 09:20:26 【问题描述】:

我想从 url 播放 div 中的音频 (mp3) 和视频 (flv) 文件。 我已经尝试过 html5 的音频和视频标签,但在 firefox 中只支持 .ogg 格式。 我也用 shadowbox 实现了,但我想要其他方法来实现它。

请告诉我该怎么做。

谢谢

【问题讨论】:

【参考方案1】:

使用 Flash 播放器或等待 HTML5 支持更多格式,或转换您的 mp3。

【讨论】:

【参考方案2】:

我的建议是您使用浏览器支持的 HTML5,然后使用基于 SWF 的播放器的后备。我发现有用的一种解决方案是在 GMail 和 Google Reader 中使用的 Google 媒体播放器。

播放器的本机浏览器实现通常在电池和性能方面都比 SWF 封装的功能更有效。

http://labnol.blogspot.com/2006/08/google-mp3-player-found-in-gmail.html

以下是将 HTML5 用于具有 Flash 后备功能的视频的一种想法: http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-html-5-video-with-a-fallback-to-flash/

【讨论】:

【参考方案3】:

如果您尝试播放音频,我建议您使用以下音频播放器: http://wpaudioplayer.com/standalone

它在我做过的网站上效果很好。

【讨论】:

以上是关于在 div 中播放音频的主要内容,如果未能解决你的问题,请参考以下文章

单击 div 框时不播放音频

响应式语音:检测到要播放的音频结束后显示一个 Div

Javascript - 当 div 为 display=block 时播放音频

Javascript 播放 Div 中的所有音频元素

为啥我的音频文件不能在 Firefox 中播放?

在 Internet Explorer 中播放 HTML 音频?