js 实现连续播放多条音频文件

最新推荐文章于 2024-04-08 14:12:24 发布

六百万

最新推荐文章于 2024-04-08 14:12:24 发布

阅读量3k

点赞数 2

分类专栏： web前端

本文链接：https://blog.csdn.net/fff32165/article/details/102715587

版权

web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

音频文件数组

var musicArr = new Array('xxx.mp3',xxx1.mp3'');

方法一:[简单粗暴]

直接调用 palyTest(0,musicArr);

function playTest(i,arr) {
    if(i == arr.length)
    {
        $("#audio_list").empty();
        return false;
    }
    $("#audio_list").append("<audio id=\"audioList_"+i+"\" src="+arr[i]+"  />");
    var tt = document.getElementById("audioList_"+i);
    tt.play();
    tt.addEventListener('ended', function () {
        i++;
        playTest(i,arr);
    }, false);
}

方法二:[粗暴简单]

调用playMusic(musicArr);

function playMusic(arr){
    var repeat = 0;
    var myAudio = new Audio();
    myAudio.preload = false;
    myAudio.controls = true;
    myAudio.hidden = true;
    var src = arr.pop();
    myAudio.src =src;
    myAudio.addEventListener("ended",playEndedHandler,false);
    myAudio.play();
    myAudio.loop = false;
    function playEndedHandler(){
        if(repeat >= arr.length){return false;}
        src = arr.pop();
        myAudio.src = src;
        arr.unshift(src);
        myAudio.play();
        repeat++;
    }
}

So 无注释不代码