html5实现摇一摇添加音效功能

时间:14-11-15 栏目:html5/css3 作者:zongyan86 评论:0 点击: 8,832 次

前几天发了 html5实现摇一摇切换背景图 的功能,得到了很多朋友的祝福,在这里谢谢各位。
功能做的还是有很多缺陷的,比如摇一摇是有一个音效的,这个倒是简单,html5提供了新的媒体api:audio 。刚好可以玩下。

摇一摇添加音效:

在事件中添加下面代码即可:

media.setAttribute("src","yaoyiyao.mp3");  
media.load();  
media.play();  

 <audio style="display:hide" id="musicBox" preload="metadata"  controls  
 src="yaoyiyao.mp3"  
        autoplay="false"  
     >  
 </audio>   

web开发分享



声明: 本文由( zongyan86 )原创编译,转载请保留链接: html5实现摇一摇添加音效功能

关注我们