最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Best way to embed audio in a webpage? - Stack Overflow

programmeradmin2浏览0评论

I know, I know. It sounds horrific, but it's what the client wants, and they're very set on the idea. It's now e to me to figure out the best way make it happen. Flash would be ideal but the client wants to avoid using it.

It's a digital audio file, so I can convert it to any format that might make things easier (e.g. MP3 or OGG) but it needs to support IE 8+, FF 3.5+, Safari and Chrome at the very least. It needs to autoplay, have hidden controls (I know, I know) and hopefully it will loop.

I would lean towards HTML5 audio, but I'm not sure if IE8 will support it (although I suppose for IE8 I could use Conditional Comments?).

Any ideas on the best way?

PS - I know, I know.

I know, I know. It sounds horrific, but it's what the client wants, and they're very set on the idea. It's now e to me to figure out the best way make it happen. Flash would be ideal but the client wants to avoid using it.

It's a digital audio file, so I can convert it to any format that might make things easier (e.g. MP3 or OGG) but it needs to support IE 8+, FF 3.5+, Safari and Chrome at the very least. It needs to autoplay, have hidden controls (I know, I know) and hopefully it will loop.

I would lean towards HTML5 audio, but I'm not sure if IE8 will support it (although I suppose for IE8 I could use Conditional Comments?).

Any ideas on the best way?

PS - I know, I know.

Share Improve this question edited Jul 22, 2012 at 12:18 Chuck Le Butt asked Jun 21, 2011 at 13:49 Chuck Le ButtChuck Le Butt 48.8k62 gold badges209 silver badges297 bronze badges 0
Add a ment  | 

1 Answer 1

Reset to default 5

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)

  1. 暂无评论