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

时间:2011-06-21 13:49:21

标签: javascript html html5 embed html5-audio

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

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

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

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

PS - 我知道,我知道。

1 个答案:

答案 0 :(得分:5)

这是我最终解决的问题。它适用于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]-->