JavaScript实现带播放列表的音乐播放器实例分享【javascript】

  /*************************************************************LovelyLife Player V1.0Edited By LovelyLifeAt 2006-09-16All rights reserveredCode StartModify by http://www.tt419.cn/ *************************************************************/var playid = "LovelyLifePlayer"var status = "status"var curId,arrPL,selectedvar isStop,isLooparrPL = new Array()  //播放器列表cur = 0curId = 0isStop = falseselected = 0isLoop = truefunction songObj(Id,url, name){this.Id  = Idthis.url = urlthis.name = name}function playAndpauseIt(){if(document.getElementById(status).innerText == '暂停'){document.getElementById(playid).controls.pause()document.getElementById(status).innerHTML ='播放'}else{ document.getElementById(status).innerText = '暂停'document.getElementById(playid).controls.play()}}function stopIt(){isStop = truedocument.getElementById(status).innerHTML ='播放'document.getElementById(playid).controls.stop()}function showTimer(){var cp=document.getElementById(playid).controls.currentPositionvar cps=document.getElementById(playid).controls.currentPositionStringvar dur=document.getElementById(playid).currentMedia.duration;var durs=document.getElementById(playid).currentMedia.durationString;var s = document.getElementById(playid).playStatevar o = document.getElementById(playid).openStateif( s==2 || s==3)document.getElementById('pos').innerText = " " + cps + "/" + durs + " "elsedocument.getElementById('pos').innerText = " 00:00/" + durs + " "if( s == 1 ){if(isLoop && (curId > (arrPL.length - 1))){curId = 0return 0}clearIt()if(curIdarrPL.length){alert("当前没有歌曲！，请查看播放列表！")return false}nxtPlay()}if( s == 10 && arrPL.length >0 )nxtPlay()}function nxtPlay(){isStop = trueif(curId > arrPL.length - 1){document.getElementById("songName").innerText = "没有歌曲了，请选择上一曲!"document.getElementById(playid).URL = "NULL"return false}curId++clearIt()setIt(curId)PlayIt(curId)}function prePlay(){isStop = trueif(curId<0){document.getElementById("songName").innerText = "没有歌曲了，请选择下一曲!"document.getElementById(playid).URL = "NULL"return false}curId--clearIt()setIt(curId)PlayIt(curId)}function PlayIt(cid){if(curIdarrPL.length -1){document.getElementById("songName").innerText = "当前没有歌曲！，请查看播放列表！"return false} url = arrPL[cid].url; curId = cidif(url == "None"){document.getElementById("songName").innerText = "加载歌曲未找到!播放下一曲！"nxtPlay()return false}document.getElementById(playid).URL = urldocument.getElementById("songName").innerText = arrPL[cid].name}function clearIt(){if((arrPL.length - 1 <0) || selected  arrPL.length){ return false} }function setIt(tid){if(tidarrPL.length-1){document.getElementById("songName").innerText = "当前没有歌曲！，请查看播放列表！"return false} }function InitPlay(songName,url,auto){ var strTemp = "\n"strTemp += "点播的歌曲: " + songName + ""strTemp += "  []"strTemp += " [播放]"strTemp += "[停止]"if((arrPL.length - 2) >= 0){strTemp += "[上曲]"strTemp += "[下曲]"}strTemp += " "document.getElementById('player').innerHTML = strTemptemptimer=setInterval('showTimer()',1000);}function playX(cur){PlayIt(cur)clearIt()setIt(cur)curId = curselected = cur}function MakeList(Id,Url,Name){arrPL[cur] = new songObj(Id,Url, Name)cur++}function loopIt(){if(isLoop){document.getElementById('sloop').innerText = "不循环"isLoop = false}else{document.getElementById('sloop').innerText = "循环播放"isLoop = true}}/* Code End */window.attachEvent('onload', function(){  InitPlay("女人如烟[词曲：穆真 演唱：魏佳艺]","http://happy369.com/yy/nrry.mp3", 1);  playAndpauseIt();  })
MakeList(1,"http://happy369.com/yy/nrry.mp3","111");MakeList(2,"http://www.gxyx.net/sourcefile/0/0/2/2958.wma","222");MakeList(3,"http://hz.98777.com/rm0402/q/258.rm","333");MakeList(4,"http://www.gxyx.net/sourcefile/0/0/2/2958.wma","4444");