网站添加背景音乐的代码 带播放器 js代码添加多首歌曲循环播放

chenyajun  2020-01-29 15:33:04  阅读 2862 次 评论 0 条
<div id="audioBox"> 
<script type="text/javascript"> 
window.onload = function(){ 
var arr = [
"http://fs.open.kugou.com/0b4b21cdbcfa101b49b1793a55bbb974/5d454647/G008/M03/11/10/qIYBAFUNdGaAciqNACJn0F31zGw156.mp3",
"http://fs.open.kugou.com/0b4b21cdbcfa101b49b1793a55bbb974/5d454647/G008/M03/11/10/qIYBAFUNdGaAciqNACJn0F31zGw156.mp3",
"http://fs.open.kugou.com/0b4b21cdbcfa101b49b1793a55bbb974/5d454647/G008/M03/11/10/qIYBAFUNdGaAciqNACJn0F31zGw156.mp3", //可添加多首歌曲 
]; 
var myAudio = new Audio(); 
myAudio.preload = true; 
myAudio.controls = true; 
myAudio.src = arr.pop(); 
myAudio.addEventListener('ended', playEndedHandler, -1); 
myAudio.play(); 
document.getElementById("audioBox").appendChild(myAudio); 
myAudio.loop = loop;
function playEndedHandler(){ 
myAudio.src = arr.pop();


myAudio.play(); 
console.log(arr.length); 
!arr.length && myAudio.removeEventListener('ended',playEndedHandler,false);
} 
} 
</script> 
</div>


本文地址:https://chenyajun.net/index.php/post/37.html
版权声明:本文为原创文章,版权归 chenyajun 所有,欢迎分享本文,转载请保留出处!

评论已关闭!