阅读文章

您现在的位置:海门视窗>> 网络科技 网络知识>>正文内容

实现音乐播放器的代码

作者: 来源: 发布时间:2021年03月14日 点击数:

<div id="audioBox"></div>

<script type="text/javascript">

    window.onload = function(){

        var arr = ["3.mp3","2.mp3","1.mp3"];//把需要播放的歌曲从后往前排

        var myAudio = new Audio();

        myAudio.preload = true;

        myAudio.controls = true;

        myAudio.src = arr.pop();//每次读数组最后一个元素

        myAudio.addEventListener('ended', playEndedHandler, false);

        myAudio.play();

        document.getElementById("audioBox").appendChild(myAudio);

        myAudio.loop = false;//禁止循环,否则无法触发ended事件

        function playEndedHandler(){

            myAudio.src = arr.pop();

            myAudio.play();

            console.log(arr.length);

            !arr.length && myAudio.removeEventListener('ended',playEndedHandler,false);//只有一个元素时解除绑定

        }

    }

</script>

收藏】【打印文章】【查看评论