HTML5 audio效果图HTML5 audio源码！DOCTYPE html html head meta charset=#34utf8#34 titleHTML5音频播放器 HTML5 audiotitle head body style=#34padding0pxmargin0pxtextaligncenter#34。

3纯html5可以做视频播放，音频播放等等比较好，至于特效，还是推荐使用jquery插件出来的特效，兼容性好，不管ie6，7，8，都可以，但html5，低版本的IE浏览器是不兼容的 4总的说来是要综合运用，不应追求html5 功能，毕竟现在IE。

这个页面是一款知名的Firefox 4插件drag2up的开发人员所开发一款音乐播放器，实际上是一个音乐播放页面只要支持HTML5的浏览器都可以播放本地音乐有测试人员表示，Chrome效果最好，Firefox也可以使用但是 笔者自己的试用体验是。

如果要实现点击video播放或暂停，可以使用jquery的选择器来方便选取DOM但要注意jquery中并没有直接控制ltvideo元素播放暂停的方法，需要用原生的JavaScript代码来控制如果是使用的HTML5的video 标签，可以取到播放器即可。

1全页AJAX做成SPA页面 2实时存储歌曲的播放时间可以用cookie，切换页面的时候再读取时间播放器跳转到此时间进行播放。

1HTML5 Canvas实现会跳舞的时间动画这款HTML5动画非常有意思，首先它的原型是一个时钟，但是canvas技术的使用，让这个时钟没走动一秒都会产生圆球散落的动画特效，非常的酷在线演示源码下载2CSS3 3D折叠翻转文字动画这个。

lt！DOCTYPElthtmllthead ltmeta charset=quotutf8quot ltscript type=quottextjavascriptquot var audioTag = documentcreateElement#39audio#39 if ！audioTagcanPlayType quotnoquot ！=。

lthtml 以上介绍了jquery如何控制背景音乐开关的方法，接下来再进一步扩展二JQuery自动播放提示音 最早对网站有自动提示音的功能，发现在Discuz论坛中出现但是它有一个问题就是只支持flash，不支持HTML5，不明确最新版本。

一般插件只支持MP3，鱼和熊掌很难兼得，如果考虑浏览器兼容性，那用flash无疑是最好，如果考虑格式的兼容性，则支持html5的浏览器直接用audio标签最好这个确实是棘手的问题，百度是进行了判断来播放的我们这因为技术有限。

lt！Doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitleMUSIClttitleltstyle type=quottextcssquot*margin0pxpadding0px#bgpositionabsolutetop0pxleft0pxbackgroundurlquotimgbg_1jpgquot。

给你做 第一个，用的是css3和js实现的下面的3个都可以用js实现，如果要做的好看一点的话，可以用jquery或者其他的组件 lt！DOCTYPE htmllthtmlltheadltstyle move width100pxheight100pxbackgroundred。

这个标签，JQ是没有函数驱动的，原生JS可以 var audio = documentgetElementByIdquotaudionquot audioplay。

音乐文件的路径应该都是获取数据库中的信息，每一条信息都有它的IDkey，手动播放相当于直接选择ID来进行选择音乐随机播放就是 从列表中随机取出一个ID，那么唯一的问题就是你怎么从数据库中取出一个随机的有效值如。

lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle播放器lttitle ltstyle ltstyle lthead ltbody ltaudio id=quotmusic01quot src=quot邓紫棋 红蔷薇白玫瑰mp3quot loop=quotloopquot你的。

IOS不允许自动播放背景音乐android的话javascript可以使用ltaudio标签，然后在下方增加一段该标签的play动作例如ltaudio id=quotbgaudioquotsrc=quotsoundwavquotltaudioltscript type=quottextjavascriptquotdocumentgetElementById。