之前做的系统,在firefox浏览器下有更好的使用体验。因此要求客户统一使用firefox浏览器,前段时间客户要求在系统中加入音频效果。
在网上查了下,主要用到的标签有<bgsound>, <embd>, <audio>等等。其中<audio>标签是html5中新加入的对声音定义的标签。<bgsound>是IE的专用标签,只适用于IE浏览器。<embd>标签在firefox下,会要求你安装相关的插件。还好目前的新版本firefox浏览器都支持html5的规则,所以<audio>标签是首选了。但是对于音频格式,firefox有一定限制,wav格式音频无法正常播放,还是要装相关播放插件。对于MP3和OGG格式音频还是能正常支持。
所以,用html5的<audio>标签,嵌入MP3或OGG格式音频。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>web-sound test</title> </head> <body> <audio id="web-sound" controls="controls" autoplay="autoplay" loop="loop" src="Almost Lover.mp3">NO<audio> </body> </html>
写了个demo,歌挺好听 :-)。以上。