Window Media Player 播放器

现在的位置: 首页 > 综合 > 正文

Window Media Player 播放器

2012年03月07日 ⁄ 综合 ⁄ 共 2574字 ⁄ 字号小中大 ⁄ 评论关闭

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

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

<br />
<style> 
body { 
    overflow:auto; 
    font-size:12px; 
    cursor:default; 
} </p>
<p>#table01 { 
    font-size:12px; 
    background-Color:black; 
    color:white; 
    text-align:center; 
} </p>
<p>#playListTitle { 
    background-Color:#001122; 
    color:white; 
    font-size:12px; 
    font-weight:bold; 
    width:100%; 
    height:16px; 
    padding:2px; 
} </p>
<p>#playList { 
    width:150px; 
    height:225px; 
    margin:0px; 
    font-size:12px; 
    background-Color:black; 
    color:white; 
} </p>
<p>#musicList { 
    width:200px; 
    border:buttonface 4px groove; 
    height:80px; 
    position:absolute; 
    right:5px; 
    top:5px; 
} </p>
<p>#musicListTitle { 
    font-size:13px; 
    width:100%; 
    height:20px; 
    background-Color:#C5FFC5; 
    padding:3px; 
    font-weight:bold; 
} </p>
<p>#musicList a { 
    text-decoration:none; 
    width:100%; 
    height:20px; 
    line-height:20px; 
    font-szie:20px; 
    line-height:20px; 
    padding-top:5px; 
    padding-left:10px; 
} </p>
<p>#musicList a:hover { 
    background-Color:#E5FFE5; 
} 
</style>
<p><script> </p>
<p>function playList_dragOver(){ 
    event.returnValue=false; 
} </p>
<p>function playList_dragEnter(){ 
    event.returnValue=false; 
    event.dataTransfer.dropEffect='link'; 
} </p>
<p>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; </p>
<p>    playList_dblClick(); 
    return(false); 
} </p>
<p>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); 
} </p>
<p>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); 
    } 
} </p>
<p>function playList_dblClick(){ 
    MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); 
    MediaPlayer1.fileName=playList.value; 
    MediaPlayer1.play(); 
    setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000); 
} </p>
<p>function musicList_dragStart(){ 
    if(event.srcElement.tagName=='A'){ 
        event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+":"+escape(event.srcElement.href)); 
    }else{ 
        return(false); 
    } 
} </p>
<p>function init(){ 
    MediaPlayer1.AutoRewind=false; 
    MediaPlayer1.AutoStart=true; 
    MediaPlayer1.SendPlayStateChangeEvents=true; 
    MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus); 
} </p>
<p>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><br />
<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>
<p><a href="http://jay.netandtv.com/jaymp3/yequ.mp3" onclick="addMusic();">夜曲 - 周杰伦</a></p>
<p><a href="http://mobile.bokee.com/biji.mp3" onclick="addMusic();">笔记 - 周笔畅</a></p>
<p><a href="http://files.17173.com/ddr/music/hfmusic/Y.mp3" onclick="addMusic();">不得不爱 - 潘玮柏</a></p>
<p><a href="http://web.163.sh.cn/~kkyhm/music/3.wma" onclick="addMusic();">发如雪 - 周杰伦</a></p>
<hr />
Tips: 把歌曲拖入播放列表
</div>
<div id="info"></div>
<p>

【上篇】换一种方式计算人生
【下篇】蒸汽朋克时代

作者: plight

该日志由 plight 于12年前发表在综合分类下，最后更新于 2012年03月07日.
转载请注明: Window Media Player 播放器 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

Window Media Player 播放器

作者: plight

书签

最新文章New

本站推荐

返回首页