ภาษาไทย
<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; เส้นขอบ: ร่องกระดุม 4px; ความสูง:80px; ตำแหน่ง:แน่นอน; ขวา:5px; ด้านบน:5px; } #musicListTitle { ขนาดตัวอักษร:13px; ความกว้าง:100%; ความสูง:20px; พื้นหลัง-สี:#C5FFC5; ช่องว่างภายใน:3px; แบบอักษรน้ำหนัก: ตัวหนา; } #musicList a { การตกแต่งข้อความ: ไม่มี; ความกว้าง:100%; ความสูง:20px; ความสูงของบรรทัด:20px; แบบอักษร-szie:20px; ความสูงของบรรทัด:20px; ช่องว่างด้านบน: 5px; ช่องว่างภายในซ้าย: 10px; } #musicList a:hover { พื้นหลัง-สี:#E5FFE5; } </style> <script> ฟังก์ชั่น playList_dragOver(){ event.returnValue=false; } ฟังก์ชัน playList_dragEnter(){ event.returnValue=false; event.dataTransfer.dropEffect='ลิงก์'; } ฟังก์ชัน addMusic(){ if(event.srcElement.tagName=='A'){ strTxt=event.srcElement.innerText; strURL=event.srcElement.href; playList.innerHTML=""; playList.options[0]=ตัวเลือกใหม่ (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]=ตัวเลือกใหม่ (strTxt,strURL); } ฟังก์ชัน playList_keyDown(){ if(event.keyCode==46){ ลอง{ playList.options[playList.options.selectedIndex].outerHTML=""; }catch(e){} กลับ (เท็จ); } 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); } ฟังก์ชัน musicList_dragStart(){ if(event.srcElement.tagName=='A'){ event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+///+escape(event.srcElement.href )); }else{ กลับ (false); } } ฟังก์ชั่น init(){ MediaPlayer1.AutoRewind=false; MediaPlayer1.AutoStart=true; MediaPlayer1.SendPlayStateChangeEvents=true; MediaPlayer1.attachEvent("PlayStateChange",ตรวจสอบPlayStatus); } ฟังก์ชั่น checkPlayStatus(oldState,newState){ ลอง{ if(MediaPlayer1.PlayState==0){ MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); MediaPlayer1.หยุด(); if(playList.options.selectedIndex<playList.options.length-1){ playList.options[playList.options.selectedIndex+1].selected=true; }else{ playList.options[0].selected=true; } MediaPlayer1.fileName=playList.value; MediaPlayer1.play(); setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000); } }จับ(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"> <!--是否自动播放--> <ชื่อพารามิเตอร์ = "AnimationAtStart" value = "-1"> < ชื่อพารามิเตอร์ = "AllowScan" value = "-1"> < ชื่อพารามิเตอร์ = "AllowChangeDisplaySize" value = "-1"> < ชื่อพารามิเตอร์ = 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"> < ชื่อพารามิเตอร์ = "DisplayForeColor" value = "16777215"> <ชื่อพารามิเตอร์ = "DisplayMode" value = "0"> <ชื่อพารามิเตอร์ = "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 ชื่อ = "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"> <!--显示节目信息,比如版权等--> <ชื่อพารามิเตอร์ = "ShowGotoBar" value = "0"> <!--一条框, 在下เลดี้, มี往下箭头--> < ชื่อพารามิเตอร์ = "ShowPositionControls" value = "-1"> <!- -是否显示往前往后及列表,如果显示一般也都是灰色不可控制--> <param name="ShowStatusBar" value="-1"> <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间--> <param name="ShowTracker" value="-1"> <!--是否显示当前播放跟踪条,即当前的播放进度条--> <para ชื่อเอ็ม = " TransparentAtStart" value="-1"> <param name="VideoBorderWidth" value="0"> <!--显示部的宽部,如果小于视频宽,则最宽频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大度--> <param name="VideoBorderColor" value="0"> <!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色--> <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> Tips: 把歌曲拖入播放列表 </div> <div id=info></div> <body> </html>