中文(繁体)
<html> <head> <title>我的 HTML 播放器</title> <style> body { Overflow:auto;字體大小：12px；遊標：預設； } #table01 { 字型大小：12px;背景顏色：黑色；顏色：白色；文字對齊：居中； } #playListTitle { 背景顏色：#001122;顏色：白色；字體大小：12px；字體粗細：粗體；寬度：100%；高度：16px；內邊距：2px； } #playList { 寬度：150px;高度：225px；邊距：0px；字體大小：12px；背景顏色：黑色；顏色：白色； } #musicList { 寬度：200px;邊框：buttonface 4px 凹槽；高度：80px；位置：絕對；右：5px；頂部：5px； } #musicListTitle { 字體大小：13px；寬度：100%；高度：20px；背景顏色：#C5FFC5；內邊距：3px；字體粗細：粗體； } #musicList a { 文字裝飾：無；寬度：100%；高度：20px；行高：20px；字體大小：20px；行高：20px；頂部填充：5px；左內邊距：10px； } #musicList a:hover { 背景顏色:#E5FFE5; } </style> <script> 函數 playList_dragOver(){ event.returnValue=false; } 函數 playList_dragEnter(){ event.returnValue=false; event.dataTransfer.dropEffect='連結'; } function addMusic(){ if(event.srcElement.tagName=='A'){ strTxt=event.srcElement.innerText; strURL=event.srcElement.href; playList.innerHTML=""; playList.options[0]=new Option(strTxt,strURL); playList.options[0].selected=true; } event.returnValue = false; playList_dblClick();返回（假）； } 函式 playList_drop(){ strTxt=unescape(event.dataTransfer.getData('Text').split(":")[0]); strURL=unescape(event.dataTransfer.getData('Text').split(":")[1]); playList.options[playList.options.length]=new Option(strTxt,strURL); } function playList_keyDown(){ if(event.keyCode==46){ try{ playList.options[playList.options.selectedIndex].outerHTML=""; }catch(e){} 返回(false); } if(event.keyCode==13){ playList_dblClick();返回（假）； } } 函式 playList_dblClick(){ MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); MediaPlayer1.fileName=playList.value; MediaPlayer1.play(); setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000); } function musicList_dragStart(){ if(event.srcElement.tagName=='A'){ event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+":"+escape(event.srcElement.href ））； }其他{ 返回（假）; } } 函數 init(){ MediaPlayer1.AutoRewind=false; MediaPlayer1.AutoStart=true; MediaPlayer1.SendPlayStateChangeEvents=true; MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus); } 函式 checkPlayStatus(oldState,newState){ 嘗試{ if(MediaPlayer1.PlayState==0){ MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); MediaPlayer1.stop(); if(playList.options.selectedIndex<playList.options.length-1){ playList.options[playList.options.selectedIndex+1].selected=true; }其他{ playList.options[0].selected=true; MediaPlayer1.fileName=playList.value; MediaPlayer1.play(); setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000); } }catch(e){} } </script> <body onload="init();"> <table id=table01> <tr> <td> <object classid="clsid:22D6F312-B0F6-11D0-94AB -0080C74C7E95" id="MediaPlayer1" width="286" height="225" STANDBY="正在載入Windows Media Player 元件..." TYPE="application/x-oleobject"> <param name="AudioStream" value= " -1"> <param name="AutoSize" value="-1"> <!--是否自動調整播放大小--> <param name="AutoStart" value="0"> <!--是否自動播放--> <param name="AnimationAtStart" value="-1"> <param name="AllowScan" value="-1"> <param name="AllowChangeDisplaySize" value="-1"> <param name= " AutoRewind" value="0"> <param name="Balance" value="0"> <!--左右聲道平衡,最左-9640,最右9640--> <param name="BaseURL" value > <param name="BufferingTime" value="15"> <!--緩衝時間--> <param name="CaptioningID" value> <param name="ClickToPlay" value="-1"> <param name= " CursorType" value="0"> <param name="CurrentPosition" value="0"> <!--目前播放進度-1 表示不變,0表示起始單位是秒,例如10表示從第10處開始播放,值必須是-1.0或大於等於0--> <param name="CurrentMarker" value="0"> <param name="DefaultFrame" value> <param name="DisplayBackColor" value="0"> < param name="DisplayForeColor" value="16777215"> <param name="DisplayMode" value="0"> <param name="DisplaySize" value="0"> <!--影片1-50%, 0 - 100%, 2-200%,3-全螢幕其他的值作0處理，小數則採用四捨五入然後前面的處理--> <param name="Enabled" value="-1"> <param name="EnableContextMenu " value="-1"> <!-是否用右鍵彈出選單控制--> <param name="EnablePositionControls" value="-1"> <param name="EnableFullScreenControls" value="-1"> <param name="EnableTracker" value="-1"> <!--是否允許拉動播放進度到任何地方播放--> <param name="Filename" value="" valuetype="ref"> <param name= " InvokeURLs" value="-1"> <param name="Language" value="-1"> <param name="Mute" value="0"> <!--是否靜音--> <param name= " PlayCount" value="10"> <!--重複播放次數,0為始終重複--> <param name="PreviewMode" value="-1"> <param name="Rate" value="1" > <!--播放速度1.0-2.0倍的播放速度--> <param name="SAMILang" value> <param name="SAMIStyle" value> <param name="SAMIFileName" value> <!--選擇同時播放伴音的歌曲--> <param name="SelectionStart" value="-1"> <param name="SelectionEnd" value="-1"> <param name="SendOpenStateChangeEvents" value="-1" > <param name="SendWarningEvents" value="-1"> <param name="SendErrorEvents" value="-1"> <param name="SendKeyboardEvents" value="0"> <param name="SendMouseClickEvents" 值="0 "> <param name="SendMouseMoveEvents" value="0"> <param name="SendPlayStateChangeEvents" value="-1"> <param name="ShowCaptioning" value="0"> <!--是否顯示字幕，為一塊黑色，下面有一大塊黑色，一般不顯示--> <param name="ShowControls" value="-1"> <!--是否顯示控制，如播放、停止、暫停-- > <param name ="ShowAudioControls" value="-1"> <!--是否顯示音量控制--> <param name="ShowDisplay" value="0"> <!--顯示節目信息，例如版權等--> < param name="ShowGotoBar" value="0"> <!-- 一框，在下面，有往下箭頭--> <param name="ShowPositionControls" value="-1"> <!-- - 是否顯示前往後及列表,如果顯示一般也都是灰色不可控制--> <param name="ShowStatusBar" value="-1"> <!--當前播放資訊,顯示是否正在播放,及總播放時間和當前播放到的時間--> <param name="ShowTracker" value="-1"> <!--是否顯示目前播放軌跡條，即目前的播放詳情--> <param name=" TransparentAtStart" value= "-1"> <param name="VideoBorderWidth" value="0"> <!--顯示部分的寬部分，如果小於視訊寬，則最小為視訊寬，或增大到指定值，並自動增加高度。 -> <param name="VideoBorder3D" value="0"> <param name="Volume" value="0"> <!--音量大小,負值表示是當前音量的減值,值自動會取絕對值,最大為0,最小為-9640,最大0--> <param name="WindowlessVideo" value="0"> <!--如果是0可以允許全螢幕,否則只能在視窗中查看--> </object> </td> <td> <div id=playListTitle>播放清單：</div> <select id=playList size=2 ondragover="playList_dragOver();" ondragenter="playList_dragEnter();" ondrop="playList_drop();" onkeydown="playList_keyDown();" ondblclick="playList_dblClick();"> </select> </td> </tr> </table> <div id=musicList ondragstart="musicList_dragStart();"> <div id=musicListTitle>所有音樂</div > <a href="http://jay.netandtv.com/jaymp3/yequ.mp3" onclick="addMusic();">夜曲-周杰倫</a><br> <a href="http:// mobile.bokee.com/biji.mp3" onclick="addMusic();">筆記- 週筆暢</a><br> <a href="http://files.17173.com/ddr/music/hfmusic/ Y.mp3" onclick="addMusic();">不得不愛- 潘瑋柏</a><br> <a href="http://web.163.sh.cn/~kkyhm/music/3.wma " onclick="addMusic();">發如雪- 周杰倫</a><br> <hr>溫馨提示：把歌曲拖入播放清單</div> <div id=info></div> <body > </html>
