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

Question

我知道我知道.这听起来很可怕,但这是客户想要的,他们非常关注这个想法.我现在想找出实现它的最佳方法.Flash是理想的,但客户希望避免使用它.

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

我倾向于HTML5音频,但我不确定IE8是否会支持它(虽然我想IE8我可以使用条件注释？).

关于最佳方式的任何想法？

PS - 我知道,我知道.

Answer 1

这是我最终的解决方案.它适用于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]-->