刚学了HTML5 的video和audio标签,自己写了一个简单的音乐播放器
可以实现的功能:
1、循环播放
2、下一首和上一首的切换
3、双击音乐播放
由于音乐格式都比较大就不上传了,可以找自己喜欢的音乐改一下
html部分代码
<div class="wrap">
<audio src="WeBelieve.mp3" controls autoplay id="aud"></audio>
<button id="btnPre">上一首</button>
<button id="btnNext">下一首</button>
<ul id="mlist">
<li class="play">WeBelieve.mp3</li>
<li>卷珠帘.mp3</li>
<li>我的楼兰.mp3</li>
</ul>
</div>
css部分代码
.wrap{
width: 300px;
margin: 50px auto 0;
}
button{font-size: 25px;}
#btnNext{float: right;}
#mlist{width: 300px;background: #ccc;border: 1px solid #666;borde