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

当前位置: 首页 > 图文教程 > 网络编程 > 网页播放器 > Window Media Player 播放器

网页播放器: 歌词编辑器和选择歌曲可播放的网页; 非常全的javascript控制MediaPlayer的属性集合; 1ting的歌词同步，所用到的代码; 关于网页媒体播放器兼容性的问题（附原码）下载; [翻译] JW Media Player 中文文档; 在线FLV播放器实现方法; flv播放器在网页中播放flv; 宝丽通3.90播放器调用代码; 电影系统调用“宝丽通”加速播放器，任意拖动不会卡; FireFox下的MediaPlayer插件(可以正常播放mediaplayer); js 网页视频播放器程序代码(通用代码),支持avi,wmv,asf,mov,rm,ra,ram等; WMV网页播放器参数中文详解; 网页播放器 windowsmediaplay中控制从wmv的指定时间开始播放，指定时间停止播放; MediaPlayer 在线播放器代码; FCKeditor 源代码分析附中文注释; 网上比较常用的嵌入网页中的播放器代码收藏; tinyMCE插件开发之插入html,php,sql,js代码并代码高亮显示

No. « ‹ 1 2 »

技术文章搜索

关键字

网页播放器中的 Window Media Player 播放器

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 62 ::

收藏到网摘: n/a

一款不错的flash Mp3播放器获取音乐文件的播放时间及当前进度

比较吃力的地方是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_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>
<body onload="init();">
<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>
<body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

一款不错的flash Mp3播放器获取音乐文件的播放时间及当前进度

网页播放器 中的 Window Media Player 播放器

评论 (0) All

网页播放器中的 Window Media Player 播放器