分享一段我正在用的js代码
<div id="music"> <script type="text/javascript"> window.onload = function(){ //存放音乐列表,根据音乐文件路径,进行填写 var musicList = ["url"] playMusic(musicList); } function playMusic(musicList){ var myAudio = new Audio(); //默认音量 myAudio.volume = 0.2; //是否自动播放 myAudio.autoplay = true; //是否进行预加载 myAudio.preload = false; //是否显示隐藏按钮 myAudio.controls = true; myAudio.hidden = true; //从音乐列表中,获取最后一个音乐(并删除) var src = musicList.pop(); myAudio.src =src; //将最后一个音乐添加到数组的开头,这样实现循环 musicList.unshift(src); //绑定音乐结束事件,当音乐播放完成后,将会触发playEndedHandler方法 myAudio.addEventListener("ended",playEndedHandler,false); //播放当前音乐 myAudio.play(); document.getElementById("music").appendChild(myAudio); //将循环播放关闭,如果开启,将不能触发playEndedHandler方法,只能进行单曲循环 myAudio.loop = false; function playEndedHandler(){ src = musicList.pop(); myAudio.src = src; musicList.unshift(src); myAudio.play(); } } </script> </div>
评论
还没有任何评论,你来说两句吧!