Window Media Player 播放器

时间:2021-03-17 人气:0

想了解Window Media Player 播放器的相关内容吗，在本文为您仔细讲解的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：Window,Media,Player,播放器，下面大家一起来学习吧。

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

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

<html> 
<head> 
<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_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); 
}

<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="https://m.qb5200.com/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> 
<body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容