php 音频顺序播放,html5 Audio多个mp3音频顺序播放

我现在用的就是单个音频一直循环播放,就想着能不能更加多样化点，于是就有了这篇文章实现多个html5音频顺序播放,div+jswindow.onload = function(){var arr = ["https://ossjc-1252545319.file.myqcloud.com/music/mp3/seablue.mp3","https://ossjc-1252545319.file.my

weixin_39722946

349人浏览 · 2021-04-02 01:38:58

weixin_39722946 · 2021-04-02 01:38:58 发布

我现在用的就是单个音频一直循环播放,就想着能不能更加多样化点，于是就有了这篇文章

实现多个html5音频顺序播放,div+js

window.onload = function(){

var arr = ["https://ossjc-1252545319.file.myqcloud.com/music/mp3/seablue.mp3","https://ossjc-1252545319.file.myqcloud.com/music/mp3/sohigh.mp3","https://ossjc-1252545319.file.myqcloud.com/music/mp3/shadows.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);