摘要：本文介绍了网页嵌入Windows Media Player播放器以及基本参数，并且介绍如何使用JavaScipt进行Windows Media Player播放器基本播放控制和播放列表添加的方法。
　　关键词：网页；JavaScipt；Windows Media Player
　　中图分类号：TP37文献标识码：A文章编号：1009-3044(2008)04-10ppp-0c
　　
　　Basic Control of Windows Media Player Embedded in Web Pages with JavaScipt
　　SHEN Yu-bao1,2
　　(1. Hefei University of Technology, Hefei 230009, China; 2.Hefei Nursery Teachers Training School, Hefei 230011, China)
　　Abstract: This paper introduces a web page embedded in the Windows Media Player, as well as basic parameters, and how to use JavaScipt to the Windows Media Player for basic playback controls and playlists Add method.
　　Key words: Web; JavaScipt; Windows Media Player
　　
　　1 网页嵌入Windows Media Player播放器
　　
　　1.1 网页播放技术简介
　　“网页播放器，就是在网页上实现播放流媒体或本地媒体的一种应用。制作网页播放器，并不是真的在网页上“发明”了一种或几种播放器。目前所有的网页播放器基本上仍然都是用户本地的 Windows Media Player（简称 WMP）和 Real Player 在发挥实质作用。
　　1.2 网页播放技术原理
　　所谓网页播放技术，就是以网页代码的形式利用 WMP（Windows Media Player）或 Real 播放器本身的一些函数、事件和方法，如暂停、快进、全屏等等，在网页上实现对媒体文件的一种播放控制。网页播放器功能的多少，取决于对这些函数、事件和方法利用的多少。好的网页播放器就好像把真的WMP（Windows Media Player）或 Real 搬到了网页上一样，原因就是这种网页播放器将用户本地的WMP（Windows Media Player）或 Real 进行了淋漓尽致地控制。
　　1.3 网页播放器的分类。
　　在如今的互连网上网页播放器的表现形式大致有三大类：
　　简单型，特点是功能简单，单曲播放。简单型不需要什么复杂的代码与语言，BBS惯用的 UBB 代码中的媒体播放就属于此类。
　　扩展型，特点是功能齐全、美观大方、能够连续播放。扩展型均综合运用了JavaScript或VbScript语言来进行网页上的播放控制。
　　Flash的SWF文件格式。
　　还有一类还有一种少见的，那就是在网页上实现对Winamp的播放控制，原理跟上面的讲述是一致的。 “简单型网页播放器方法与应用”分含弹出式窗口网页播放器制作等。“扩展型网页播放器方法与应用”分含论坛内嵌播放器等。
　　1.4 WindowsMediaPlayer网页播放器相关部分参数及含义
　　WindowsMediaPlayer 控件在编程时经常要用到，以下以WindowsMediaPlayer 9.0控件为例。列举一些常用属性及方法，假设此控件名为player。见表1：
　　
　　图1
　　部分代码如下：
　　// JavaScript Document for SimpleControl.js
　　var state;
　　//初始化
　　function playerinit()
　　{
　　player.settings.autoStart = true ;
　　}
　　//播放
　　function play()
　　{
　　if (player.controls.isavailable(’play’))
　　{
　　player.controls.play();
　　state=setInterval("updatetime()",1000);
　　playerinfo.innerHTML = "播放";
　　//显示媒体艺术家和媒体标题
　　var str1=player.currentMedia.getItemInfo("Author") player.currentMedia.getItemInfo("Title");
　　singerinfo.innerHTML= str1;
　　}
　　}
　　//暂停
　　function pause()
　　{
　　if (player.controls.isavailable(’pause’)) //isavailable() 返回命令当前是否已启用
　　{ player.controls.pause();
　　clearInterval(state);
　　playerinfo.innerHTML = "暂停";
　　}
　　}
　　//停止
　　function stop()
　　{ if (player.controls.isavailable(’stop’))
　　{ player.controls.stop();
　　clearInterval(state);
　　playerinfo.innerHTML = "停止";
　　}
　　}
　　//前首
　　function previous()
　　{
　　if (player.controls.isavailable(’previous’))
　　{
　　player.controls.previous();
　　playerinfo.innerHTML = "前一首";
　　}
　　}
　　//后首
　　function next()
　　{
　　if (player.controls.isavailable(’next’))
　　{
　　player.controls.next();
　　playerinfo.innerHTML = "下一首";
　　}
　　}
　　//音量
　　function volumedown()
　　{
　　if (player.settings.volume < 10)
　　{
　　player.settings.volume = 0;
　　playerinfo.innerHTML = "0";
　　}
　　else
　　{
　　player.settings.volume -= 10;
　　playerinfo.innerHTML = player.settings.volume;
　　}
　　}
　　//音量
　　function volumeup()
　　{
　　if (player.settings.volume > 95)
　　{
　　player.settings.volume = 100;
　　playerinfo.innerHTML = "100";
　　}
　　else
　　{
　　player.settings.volume = 10;
　　playerinfo.innerHTML = player.settings.volume;
　　}
　　}
　　//静音
　　function mute()
　　{
　　player.settings.mute = !player.settings.mute;
　　//vmute.src=
　　}
　　//声道控制
　　function balance()
　　{
　　switch (player.settings.balance)
　　{
　　case 0:
　　player.settings.balance = 100;
　　playerinfo.innerHTML = ’左声道’;
　　break;
　　case 100:
　　player.settings.balance = -100;
　　playerinfo.innerHTML = ’右声道’;
　　break;
　　case -100:
　　player.settings.balance = 0;
　　playerinfo.innerHTML = ’全声道’;
　　break;
　　default :
　　player.settings.balance = 0;
　　playerinfo.innerHTML = ’全声道’;
　　break;
　　}
　　}
　　//更新时间
　　function updatetime()
　　{
　　playerinfo.innerHTML = player.controls.currentPositionString " | " player.currentMedia.durationString;
　　}
　　3 使用JavaScipt控制播放列表简单控制，部分代码如下：
　　// JavaScript Document for AddMediaToList.js
　　// 全选
　　function selectall()
　　{
　　var selectAll = document.getElementsByName("song");
　　if (selectAll!=null){
　　for (var i=0;i　　selectAll[i].checked = true;
　　}
　　}
　　}//end of selectall
　　//反选
　　function unselect()
　　{
　　var unselect = document.getElementsByName("song");
　　if (unselect!=null){
　　for (var i=0;i　　if (unselect[i].checked==true) {unselect[i].checked = false;}
　　else{ unselect[i].checked =true;}
　　}
　　}
　　} //end of unselect
　　function addmedia(url)
　　{
　　// 取得当前的播放列表
　　var playlist=player.currentPlaylist;//新建一个指定URL的Media。
　　var currMedia = player.newMedia(url);
　　//把新建的Media item添加到播放器列表
　　playlist.appendItem(currMedia);
　　} //end of addmedia
　　//清空播放列表
　　function clearlist()
　　{
　　//Player.currentPlaylist.count返回列表中的歌曲数量
　　while (player.currentPlaylist.count>0) {
　　var item =player.currentPlaylist.item(player.currentPlaylist.count-1);
　　player.currentPlaylist.removeItem(item); //从播放列表中删除项
　　}
　　} //end of clearlist
　　//播放选中的歌曲
　　function addSeletedSongToPlayList()
　　{
　　clearlist()
　　var selectItem = document.getElementsByName("song");
　　// alert(selectItem.length);
　　for(var i=0;i　　{
　　if (selectItem[i].checked==true)
　　{
　　addmedia(selectItem[i].value);
　　}
　　}
　　if (player.currentPlaylist.count==0) alert("至少要选择一首歌曲");
　　player.controls.play(); //让播放器开始播放
　　} //添加文本输入框中的url到播放列表
　　functionaddUrlToList(){
　　addmedia(document.getElementById("song_url").value );
　　//添加一行
　　var newTr = table1.insertRow();
　　//添加两列
　　var newTd0 = newTr.insertCell();
　　var newTd1 = newTr.insertCell();
　　newTd0.innerHTML=’’;
　　newTd1.innerHTML= document.getElementById("song_name").value;
　　//设定新添加的复选框的值
　　}//end of addUrlToList
　　
　　4 代码总结
　　
　　本文只是通过JavaScipt语言简单控制网页嵌入Windows Media Player播放器、在实际开发中，可以充分利用JavaScipt强大功能以及web开发语言和数据库实现个性化音乐网站的建设。使用JavaScipt语言可以更高级的功能、如支持lrc歌词等、迷你歌词、千千静听、酷狗等播放器就是很好得成功范例。在本例中，严格进行ActionScript变量定义和引用，使的设计思路明确，希望本例能够对充分发挥网页播放器挖掘和应用方面具有积极的意义。
　　
　　参考文献：
　　[1]Michael Moncur. JavaScipt入门经典[M]. 人民邮电出版社，2007.
　　[2]廖勇，周德松. 流媒体技术入门与提高[M]. 国防工业出版社，2006.
　　
　　作者简介：沈玉宝（1978-），男，安徽滁州人，合肥幼师现教中心讲师。