您现在的位置是：网站首页> 编程资料编程资料

Window Media Player 播放器_网页播放器_

2023-05-27 133人已围观

简介 Window Media Player 播放器_网页播放器_

比较吃力的地方是drop到播放列表，查MSDN查了n久，还有Window Media Player 6.x插件的play有些奇怪，所以我的代码也有些奇怪........

拜托各位多测测，有Bug您说话，看我做的也挺不容易的，觉得好的您也多捧捧场。

<title>My HTML Player</title>
<style> body {     overflow:auto;     font-size:12px;     cursor:default; } #table01 {     font-size:12px;     background-Color:black;     color:white;     text-align:center; } #playListTitle {     background-Color:#001122;     color:white;     font-size:12px;     font-weight:bold;     width:100%;     height:16px;     padding:2px; } #playList {     width:150px;     height:225px;     margin:0px;     font-size:12px;     background-Color:black;     color:white; } #musicList {     width:200px;     border:buttonface 4px groove;     height:80px;     position:absolute;     right:5px;     top:5px; } #musicListTitle {     font-size:13px;     width:100%;     height:20px;     background-Color:#C5FFC5;     padding:3px;     font-weight:bold; } #musicList a {     text-decoration:none;     width:100%;     height:20px;     line-height:20px;     font-szie:20px;     line-height:20px;     padding-top:5px;     padding-left:10px; } #musicList a:hover {     background-Color:#E5FFE5; } </style>
<script> function playList_dragOver(){     event.returnValue=false; } function playList_dragEnter(){     event.returnValue=false;     event.dataTransfer.dropEffect='link'; } 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();     return(false); } function 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){}         return(false);     }     if(event.keyCode==13){         playList_dblClick();         return(false);     } } 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);     } } function 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><table id="table01"><tr>
<td>             <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225" standby="Loading Windows Media Player components..." 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">
<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">
<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">
<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">
<param name="PreviewMode" value="-1">
<param name="Rate" value="1">
<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" 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">
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="0">
<param name="Volume" value="0">
<param name="WindowlessVideo" value="0">
</object>         </td>         <td>             <div id="playListTitle">Play List:</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">All Music</div> <a href="http://jay.netandtv.com/jaymp3/yequ.mp3" onclick="addMusic();">夜曲 - 周杰伦</a> <a href="http://mobile.bokee.com/biji.mp3" onclick="addMusic();">笔记 - 周笔畅</a> <a href="http://files.17173.com/ddr/music/hfmusic/Y.mp3" onclick="addMusic();">不得不爱 - 潘玮柏</a> <a href="http://web.163.sh.cn/~kkyhm/music/3.wma" onclick="addMusic();">发如雪 - 周杰伦</a> <hr> Tips: 把歌曲拖入播放列表 </div> <div id="info"></div>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

上一篇：一款不错的flash Mp3播放器_网页播放器_

下一篇：获取音乐文件的播放时间及当前进度_网页播放器_

您现在的位置是：网站首页> 编程资料编程资料

Window Media Player 播放器_网页播放器_

相关内容

点击排行

本栏推荐

猜你喜欢