Русский
<html> <head> <title>Мой HTML-плеер</title> <style> body { overflow:auto; размер шрифта: 12 пикселей; курсор: по умолчанию; } #table01 { размер шрифта:12px; фон-Цвет: черный; цвет:белый; выравнивание текста: по центру; } #playListTitle {background-Color:#001122; цвет:белый; размер шрифта: 12 пикселей; шрифт-вес: жирный; ширина: 100%; высота: 16 пикселей; отступ: 2 пикселя; } #playList {ширина: 150 пикселей; высота: 225 пикселей; поле: 0 пикселей; размер шрифта: 12 пикселей; фон-Цвет: черный; цвет:белый; } #musicList {ширина: 200 пикселей; граница: канавка размером 4 пикселя; высота: 80 пикселей; позиция: абсолютная; справа: 5 пикселей; верх: 5 пикселей; } #musicListTitle {размер шрифта: 13 пикселей; ширина: 100%; высота: 20 пикселей; Цвет фона: # C5FFC5; отступ: 3 пикселя; шрифт-вес: жирный; } #musicList a { text-decoration: none; ширина: 100%; высота: 20 пикселей; высота строки: 20 пикселей; размер шрифта: 20 пикселей; высота строки: 20 пикселей; отступ-верх: 5 пикселей; отступ слева: 10 пикселей; } #musicList a:hover {background-Color:#E5FFE5; } </style> <script> function 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]=новый вариант(strTxt,strURL); playList.options[0].selected=true; } event.returnValue=false; playList_dblClick(); возврат (ложь); } function 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); } function playList_keyDown(){ if(event.keyCode==46){ try{ playList.options[playList.options.selectedIndex].outerHTML=""; }catch(e){} return(false); } if(event.keyCode==13){ playList_dblClick(); возврат (ложь); } } function playList_dblClick(){ MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); MediaPlayer1.fileName=playList.value; Медиаплеер1.играть(); 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=истина; MediaPlayer1.SendPlayStateChangeEvents = true; MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus); } функция checkPlayStatus(oldState,newState){ try { if(MediaPlayer1.PlayState==0){ MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); Медиаплеер1.стоп(); 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; Медиаплеер1.играть(); 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..." 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="SAMIStyle" 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" value ="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"> <!--是否显示当前播放跟踪条,即当前的播放进度条--> <имя параметра=" TransparentAtStart" value="-1"> <param name="VideoBorderWidth" 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> Советы: 把歌曲拖入播放列表 </div> <div id=info></div> <body> </html>