亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JavaScript實現帶播放列表的音樂播放器實例分享

2019-11-20 10:26:08
字體:
來源:轉載
供稿:網友

代碼較最基礎的播放器實現增加了playlist,使用MakeList實現多首播放,有需要的可以直接使用:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>  <title>Untitled Page</title></head><body style="font-family:Verdana; font-size:12px"><script>/*************************************************************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(curId<0 || curId>arrPL.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(curId<0 || curId>arrPL.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 < 0 || selected > arrPL.length){ return false} }function setIt(tid){if(tid<0 || tid>arrPL.length-1){document.getElementById("songName").innerText = "當前沒有歌曲!,請查看播放列表!"return false} }function InitPlay(songName,url,auto){ var strTemp = "<object classid=/"CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6/""strTemp += " type=/"application/x-oleobject/" width=/"0/" height=/"0/" id=" + playidstrTemp += " style=/"position:relative; left:0px; top:0px; width:0px; height:0px;/">/n"strTemp += " <param name=/"autoStart/" value=/""+auto+"/">/n"strTemp += " <param name=/"balance/" value=/"0/">/n"strTemp += " <param name=/"currentPosition/" value=/"0/">/n"strTemp += " <param name=/"currentMarker/" value=/"0/">/n"strTemp += " <param name=/"enableContextMenu/" value=/"0/">/n"strTemp += " <param name=/"enableErrorDialogs/" value=/"0/">/n"strTemp += " <param name=/"enabled/" value=/"-1/">/n"strTemp += " <param name=/"fullScreen/" value=/"0/">/n"strTemp += " <param name=/"invokeURLs/" value=/"0/">/n"strTemp += " <param name=/"mute/" value=/"0/">/n"strTemp += " <param name=/"playCount/" value=/"1/">/n"strTemp += " <param name=/"rate/" value=/"1/">/n"strTemp += " <param name=/"uiMode/" value=/"none/">/n"strTemp += " <param name=/"volume/" value=/"100/">/n"strTemp += " <param name=/"URL/" value=/"" + url + "/">/n"strTemp += "</object>/n<font class=HighLight style=/"background-color: #EEE;padding: 8px;height:30px;width:100%/">"strTemp += "<b>點播的歌曲: <marquee width=30% speed=3><font color=red id=songName>" + songName + "</font></marquee>"strTemp += "  [<font id=pos></font>]"strTemp += " [<font onclick=playAndpauseIt() style='cursor:hand;' id=" + status + ">播放</font>]"strTemp += "[<font onclick=stopIt() style='cursor:hand;'>停止</font>]"if((arrPL.length - 2) >= 0){strTemp += "[<font onclick=prePlay() style='cursor:hand;'>上曲</font>]"strTemp += "[<font onclick=nxtPlay() style='cursor:hand;'>下曲</font>]"}strTemp += " </b>"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();  })</script><div id=player style="width:70%"></div><script>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");</script></body></html>

MakeList參數:共3個參數,第一個是ID,第二個參數是音樂的URL地址,第三個參數是歌曲的名稱。說明都寫在注釋里了,歡迎大家閱讀和參考。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
69国产精品成人在线播放| 中文字幕自拍vr一区二区三区| 国产精品国产三级国产aⅴ9色| 国产精品a久久久久久| 亚洲成人网在线观看| 日韩美女av在线免费观看| 欧美日韩亚洲视频| 亚洲国语精品自产拍在线观看| 中文在线资源观看视频网站免费不卡| 国产精品福利观看| 最近2019中文字幕大全第二页| 中文字幕v亚洲ⅴv天堂| 日韩精品在线免费播放| 精品国产电影一区| 欧美性猛交xxxx乱大交| 国产精品黄色影片导航在线观看| 日本老师69xxx| 福利精品视频在线| 国产一区二区视频在线观看| 欧美日韩午夜视频在线观看| 欧美在线视频网| 国产视频久久网| 日韩av电影免费观看高清| 欧美日韩国产色视频| 538国产精品视频一区二区| 91精品国产自产91精品| 国产91露脸中文字幕在线| 欧美日韩亚洲视频一区| 久久九九国产精品怡红院| 亚洲美女精品成人在线视频| 亚洲精品小视频在线观看| 日韩av在线网站| www.日韩不卡电影av| 2018国产精品视频| 欧美寡妇偷汉性猛交| 国产精品美乳在线观看| 日韩在线一区二区三区免费视频| 午夜精品三级视频福利| 91久久久久久国产精品| 亚洲欧美日韩国产中文专区| 精品呦交小u女在线| 在线播放日韩专区| 久久成人免费视频| 欧美国产乱视频| 国产成人一区二区三区小说| 久久久精品在线观看| 国产精品福利无圣光在线一区| 在线丨暗呦小u女国产精品| 国产精品美女av| 欧美精品生活片| 国产精品露脸自拍| 亚洲精品www| 91国内产香蕉| 日韩在线激情视频| 全亚洲最色的网站在线观看| 日韩极品精品视频免费观看| 美日韩在线视频| 亚洲国产精品yw在线观看| 最近2019年中文视频免费在线观看| 国产69精品久久久久9999| 92国产精品视频| 国产精品扒开腿爽爽爽视频| 国产成人avxxxxx在线看| 久久久人成影片一区二区三区| 日韩中文字幕免费视频| 91精品国产高清久久久久久久久| 亚洲色图15p| 国产成人在线一区二区| 国产精品一区二区久久精品| 日韩av男人的天堂| 亚洲国产另类久久精品| 午夜精品一区二区三区视频免费看| 91免费观看网站| 亚洲综合在线播放| 久久久免费在线观看| 色婷婷av一区二区三区久久| 国产精品你懂得| 成人av在线天堂| 久久99热这里只有精品国产| 亚洲精品少妇网址| 亚洲a区在线视频| 日韩欧美亚洲综合| 欧美裸体xxxx极品少妇软件| 亚洲欧美激情另类校园| 亚洲一区二区三区久久| 久久91精品国产91久久跳| 国产有码在线一区二区视频| 欧美黑人性生活视频| 欧美精品xxx| 国产盗摄xxxx视频xxx69| 精品女厕一区二区三区| 福利一区视频在线观看| 欧美日韩国产精品一区二区不卡中文| 91国产高清在线| 久久国产精品偷| 国产精品久久久久久久久久新婚| 国产精品欧美在线| 欧美激情中文字幕乱码免费| 亚洲国产成人精品电影| 精品成人国产在线观看男人呻吟| 亚洲www在线| 亚洲人成电影在线观看天堂色| 亚洲精品综合久久中文字幕| 久久久电影免费观看完整版| 一区二区三区www| 亚洲日本aⅴ片在线观看香蕉| 欧美极品少妇xxxxx| 91精品视频免费看| 精品夜色国产国偷在线| 97成人超碰免| 在线精品视频视频中文字幕| 亚洲国产成人久久综合一区| 搡老女人一区二区三区视频tv| 国产偷国产偷亚洲清高网站| 国产精品久久久久久久久| 91成人精品网站| 国产精品久久久久久av| 成人www视频在线观看| 欧美亚洲日本网站| 91高清免费在线观看| 日韩欧美亚洲范冰冰与中字| 欧美日韩亚洲一区二区三区| 1769国产精品| 亚洲伊人第一页| 国产精品日韩av| 97香蕉久久超级碰碰高清版| 97高清免费视频| 国产91ⅴ在线精品免费观看| 日韩精品免费视频| 亚洲国内高清视频| 亚洲精品国产精品国自产观看浪潮| 这里只有精品久久| 草民午夜欧美限制a级福利片| 亚洲精品av在线| 精品偷拍一区二区三区在线看| 欧美日韩一区二区免费在线观看| 久久久亚洲国产| 国产精品欧美亚洲777777| 欧美成人免费va影院高清| 日韩欧美国产免费播放| 精品国产福利视频| 日韩高清有码在线| 久久久久久午夜| 永久免费看mv网站入口亚洲| 91香蕉嫩草神马影院在线观看| 国产精品对白刺激| 日韩视频免费观看| 日韩经典中文字幕在线观看| 欧美激情第三页| 日韩视频在线观看免费| 亚洲第一二三四五区| 欧美肥老太性生活视频| 亚洲国产91色在线| 国产99久久精品一区二区永久免费| 91av福利视频| 久久成人一区二区| 国产成人午夜视频网址| 亚洲精品视频二区| 亚洲欧美日韩网| 国产免费一区二区三区香蕉精| 欧美另类69精品久久久久9999| 免费不卡欧美自拍视频| 国产精品嫩草影院久久久| 97在线免费视频|