Español
<html> <head> <title>Mi reproductor HTML</title> <estilo> body { overflow:auto; tamaño de fuente: 12px; cursor: predeterminado; } #table01 { tamaño de fuente:12px; Color de fondo: negro; color: blanco; alineación de texto:centro; } #playListTitle { color de fondo:#001122; color: blanco; tamaño de fuente: 12px; peso de fuente: negrita; ancho: 100%; altura: 16px; relleno: 2px; } #playList { ancho:150px; altura: 225 px; margen: 0px; tamaño de fuente: 12px; Color de fondo: negro; color: blanco; } #listamusica { ancho:200px; borde: ranura de 4px de la cara del botón; altura: 80 píxeles; posición:absoluta; derecha: 5px; arriba: 5px; } #musicListTitle { font-size:13px; ancho: 100%; altura: 20 píxeles; Color de fondo:#C5FFC5; relleno: 3px; peso de fuente: negrita; } #musicList a { text-decoration:none; ancho: 100%; altura: 20 píxeles; altura de línea: 20 px; tamaño de fuente: 20px; altura de línea: 20 px; relleno superior: 5px; relleno-izquierda: 10px; } #musicList a:hover { color de fondo:#E5FFE5; } </style> <script> function playList_dragOver(){ event.returnValue=false; } función playList_dragEnter(){ event.returnValue=false; event.dataTransfer.dropEffect='enlace'; } función addMusic(){ if(event.srcElement.tagName=='A'){ strTxt=event.srcElement.innerText; strURL=event.srcElement.href; playList.innerHTML=""; playList.options[0]=nueva opción(strTxt,strURL); playList.options[0].selected=true; } evento.returnValue=false; playList_dblClick(); retorno (falso); } función playList_drop(){ strTxt=unescape(event.dataTransfer.getData('Text').split(":")[0]); strURL=unescape(event.dataTransfer.getData('Text').split(":")[1]); playList.options[playList.options.length]=nueva opción(strTxt,strURL); } función playList_keyDown(){ if(event.keyCode==46){ prueba{ playList.options[playList.options.selectedIndex].outerHTML=""; }catch(e){} retorno(falso); } if(event.keyCode==13){ playList_dblClick(); retorno (falso); } } función 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 )); }else{ retorno(falso); } } función init(){ MediaPlayer1.AutoRewind=false; MediaPlayer1.AutoStart=verdadero; MediaPlayer1.SendPlayStateChangeEvents=true; MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus); } función checkPlayStatus(oldState,newState){ prueba{ 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; }else{ 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="Cargando componentes de Windows Media Player..." TYPE="application/x-oleobject"> <param name="AudioStream" value=" -1"> <param nombre="AutoSize" valor="-1"> <!--是否自动调整播放大小--> <param nombre="AutoStart" valor="0"> <!--是否自动播放--> <param nombre="AnimationAtStart" valor="-1"> <param nombre="AllowScan" valor="-1"> <param nombre="AllowChangeDisplaySize" valor="-1"> <param nombre=" AutoRewind" value="0"> <param name="Balance" value="0"> <!--左右声道平衡,最左-9640,最右9640--> <param name="BaseURL" value> <param nombre="BufferingTime" valor="15"> <!--缓冲时间--> <param nombre="CaptioningID" valor> <param nombre="ClickToPlay" valor="-1"> <param nombre=" 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"> < parámetro nombre="DisplayForeColor" valor="16777215"> <param nombre="DisplayMode" valor="0"> <param nombre="DisplaySize" valor="0"> <!--视频1-50%, 0- 100%, 2-200%, 3- 全屏 其它的值作 0 处理, 小数则采用四舍五入然后按前的处理-> <param name = "habilitado" valor = "-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" valor="-1"> <param nombre="Idioma" valor="-1"> <param nombre="Silenciar" valor="0"> <!--是否静音--> <param nombre= "PlayCount" value="10"> <!--重复播放次数,0为始终重复--> <param name="PreviewMode" value="-1"> <param name="Rate" value="1" > <!--播放速度1.0-2.0倍的速度播放--> <param nombre="SAMILang" valor> <param nombre="SAMIStyle" valor> <param nombre="SAMIFileName" valor> <!--选择同时播放(伴音)的歌曲--> <param nombre="SelectionStart" valor="-1"> <param nombre="SelectionEnd" valor="-1"> <param nombre="SendOpenStateChangeEvents" valor="-1" > <param nombre="SendWarningEvents" valor="-1"> <param nombre="SendErrorEvents" valor="-1"> <param nombre="SendKeyboardEvents" valor="0"> <param nombre="SendMouseClickEvents" valor ="0"> <param nombre="SendMouseMoveEvents" valor="0"> <param nombre="SendPlayStateChangeEvents" valor="-1"> <param nombre="ShowCaptioning" valor="0"> <!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示--> <param name="ShowControls" value="-1"> <!--是否显示控制,比如播放,停止,暂停-- > <param name="ShowAudioControls" value="-1"> <!--是否显示音量控制--> <param name="ShowDisplay" value="0"> <!--显示节目信息,比如版权等--> <param nombre="ShowGotoBar" valor="0"> <!--一条框,在下面,有往下箭头--> <param nombre="ShowPositionControls" valor="-1"> <!- -是否显示往前往后及列表,如果显示一般也都是灰色不可控制--> <param name="ShowStatusBar" value="-1"> <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间--> <param name="ShowTracker" value="-1"> <!--是否显示当前播放跟踪条,即当前的播放进度条--> <nombre del parámetro=" 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>Lista de reproducción:</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>Toda la música</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> Consejos: 把歌曲拖入播放列表 </div> <div id=info></div> <body> </html>
