在网页中嵌入音频的最佳方式？

发布于 2024-11-16 20:10:00 字数 408 浏览 2 评论 0原文

我知道，我知道。这听起来很可怕，但这正是客户想要的，而且他们非常坚定这个想法。现在轮到我来找出实现这一目标的最佳方法了。 Flash 是理想的选择，但客户希望避免使用它。

它是一个数字音频文件，因此我可以将其转换为任何可能使事情变得更容易的格式（例如 MP3 或 OGG），但它至少需要支持 IE 8+、FF 3.5+、Safari 和 Chrome。它需要自动播放，有隐藏的控件（我知道，我知道）并且希望它会循环播放。

我倾向于 HTML5 音频，但我不确定 IE8 是否会支持它（虽然我想对于 IE8 我可以使用条件注释？）。

关于最好的方法有什么想法吗？

PS-我知道，我知道。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

给我一枪 2024-11-23 20:10:00

这是我最终得到的解决方案。它适用于 IE7、IE8、IE9、FF3.5、FF4、Safari 和 Chrome。

<audio id="background_audio" autoplay="autoplay">
  <source src="static/audio/clip.ogg" type="audio/ogg" />
  <source src="static/audio/clip.mp3" type="audio/mpeg" />
</audio> 

<!--[if (!IE)|(gte IE 9)]>
<a href="#" onclick="document.getElementById('background_audio').muted = true; return false">mute sound</a>
<![endif]-->

<!--[if lt IE 9]>
<bgsound id="background_snd" src="static/audio/clip.mp3" autostart="true" loop="1">
<a href="#" onclick="document.all['background_snd'].src=''; return false">mute sound</a>
<![endif]-->

Here's the solution I ended up with. It works with IE7, IE8, IE9, FF3.5, FF4, Safari and Chrome.

<audio id="background_audio" autoplay="autoplay">
  <source src="static/audio/clip.ogg" type="audio/ogg" />
  <source src="static/audio/clip.mp3" type="audio/mpeg" />
</audio> 

<!--[if (!IE)|(gte IE 9)]>
<a href="#" onclick="document.getElementById('background_audio').muted = true; return false">mute sound</a>
<![endif]-->

<!--[if lt IE 9]>
<bgsound id="background_snd" src="static/audio/clip.mp3" autostart="true" loop="1">
<a href="#" onclick="document.all['background_snd'].src=''; return false">mute sound</a>
<![endif]-->

回复收藏 0 原文

~没有更多了~