网页音乐播放解析

方式一：embed

因为微软出了N多IE版本，且对HTML5 标签支持不一，因此不能简单的用

<embed src='xxx'  width="20" height="20" autostart="true" loop="true">

方式二：html5

如果使用HTML5,则IE问题比较大，IE6不说，IE7、ie8都有很大问题

 

方式三：采用obj方式。

但是chrome等需要用户自行下载浏览器扩展，不合适。

方式四：flash播放器。（推荐）

这里采用audio.js来解决 其官网地址：http://kolber.github.io/audiojs/

但是有个问题，就是在设置为autoplay的时候，flash以及支持HTML5的浏览器会造成两重播放，即FLASH播放以及html原生播放。

因此修改了其js，

引用方式如下：

<audios id="my" src="http://duost.com/zt/2013zsj/122.mp3" preload="auto" autoplay="autoplay" loop="loop"/>

注意：是audios 而不是 audio。

其JS 如下附件

新的js下载

注意需要使用audios引用。

修改播放器样式请自行定义对应的图片文件，以及CSS样式表。

预览地址：http://duost.com/zt/2013zsj/