日本語
<html> <head> <title>私の HTML プレーヤー</title> <style> body { overflow:auto;フォントサイズ:12px;カーソル:デフォルト; #table01 { フォントサイズ:12px;背景色:黒;色:白;テキスト整列:中央; #playListTitle {背景色:#001122;色:白;フォントサイズ:12px;フォントの太さ:太字;幅:100%;高さ:16ピクセル;パディング:2px; #playList {幅:150ピクセル;高さ:225ピクセル;マージン:0px;フォントサイズ:12px;背景色:黒;色:白; #musicList {幅:200ピクセル;ボーダー:ボタン面 4px 溝;高さ:80ピクセル;位置:絶対;右:5ピクセル;上:5ピクセル; #musicListTitle { font-size:13px;幅:100%;高さ:20ピクセル;背景色:#C5FFC5;パディング:3px;フォントの太さ:太字; #musicList a { text-decoration:none;幅:100%;高さ:20ピクセル;行の高さ:20px;フォントサイズ:20px;行の高さ:20px;パディングトップ:5px;パディング左:10px; #musicList a:hover {background-Color:#E5FFE5; </style> <script> 関数 playList_dragOver(){event.returnValue=false;関数playList_dragEnter(){event.returnValue=false;イベント.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;イベント.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; 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{ return(false);関数 init(){ MediaPlayer1.AutoRewind=false; MediaPlayer1.AutoStart=true; MediaPlayer1.SendPlayStateChangeEvents=true; MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus); } function checkPlayStatus(oldState,newState){ try{ 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="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"> <!--video1-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="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> ヒント: 握歌曲拖入播放列表 </div> <div id=info></div> <body> </html>
