wenku.sharew.cn
JavaScript + H5 实现简单的音乐播放器
浏览:1 | 发布时间:2018-1-18 18:35:06

<SPAN onClick="bb()">播放</span>

<ul id="mlist">

<li>http://www.sharew.cn/fayin/wang3.mp3</li>

<li>http://www.sharew.cn/fayin/ye4.mp3</li>

<li>http://www.sharew.cn/fayin/bo1.mp3</li>

<li>http://www.sharew.cn/fayin/fang4.mp3</li>

<li>http://www.sharew.cn/fayin/qi4.mp3</li>

</ul>

<script>

var mlist = document.getElementById('mlist');

var aud = new Audio();

var lis = mlist.getElementsByTagName('li');

function bb(){

aud.src =lis[0].innerHTML;

lis[0].className = 'play';

aud.play();

}

aud.onended = function(){

var index = getPlay();

aud.src = lis[index+1].innerHTML;

for(var j = 0 ; j < lis.length ; ++j){

lis[j].className = '';

}

lis[index+1].className = 'play';

aud.play();

}

function getPlay(){

for(var i = 0 ; i < lis.length ; ++i){

if (lis[i].getAttribute('class') == 'play') {

return i;}}

}

</script>


本文来自众享文库,转载请保留注明!

文库内容仅供参考,本站不保证其内容的有效性,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。
如果涉及不良内容、个人隐私、版权问题等,敬请举报投诉,本站将立即处理。

友情链接:手写查字典 小说下载查成语 经验文献
© 2017-2018 wenku.sharew.cn 桂ICP备13001205号-1 联系方式

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏