最完整的js控制MediaPlayer(经典)
2009-04-05 23:56 周国选 阅读(5958) 评论(0) 编辑 收藏 举报<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="mp" width="300"
height="240">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="-1">
<!--是否自动调整播放大小-->
<param name="AutoStart" value="-1">
<!--是否自动播放-->
<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">
<!--左右声道平衡,最左-9640,最右9640-->
<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">
<!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或
大于等于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">
<!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作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="bh.mp3" valuetype="ref">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<!--是否静音-->
<param name="PlayCount" value="10">
<!--重复播放次数,0为始终重复-->
<param name="PreviewMode" value="-1">
<param name="Rate" value="1">
<!--播放速度1.0-2.0倍的速度播放-->
<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">
<!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
<param name="VideoBorder3D" value="0">
<param name="Volume" value="0">
<!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640,最大0-->
<param name="WindowlessVideo" value="0">
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
</object>
<br>
<b>播放控制:</b><br>
音乐切换:
<input type="button" onclick="mp.Filename='sha.mp3'" value="你是风儿我是沙">
<input type="button" onclick="mp.Filename='bh.mp3'" value="白狐">
<input type="button" onclick="alert(mp.Filename)" value="当前曲目">
<br>
播放控制:
<input type="button" onclick="mp.play()" value="播放">
<input type="button" onclick="mp.pause()" value="暂停">
<input type="button" onclick="mp.pause();mp.CurrentPosition=0" value="停止">
<br>
声道控制:
<input type="button" onclick="mp.Balance=9640" value="左声道">
<input type="button" onclick="mp.Balance=0" value="立体声">
<input type="button" onclick="mp.Balance=-9640" value="右声道">
<input type="button" onclick="alert(mp.Balance)" value="当前状态">
<br>
进度控制:
<input type="button" onclick="mp.CurrentPosition=0" value="回到开始">
<input type="button" onclick="mp.CurrentPosition+=60" value="快进一分钟">
<input type="button" onclick="mp.CurrentPosition-=60" value="快退一分钟">
<input type="button" onclick="alert(mp.Duration)" value="总长度">
<input type="button" onclick="alert(mp.CurrentPosition)" value="当前进度">
<br>
音量控制:
<script language="javascript">
function setVolume(num)
{
var mp=document.getElementById("mp")
tnum=mp.Volume+num
if(tnum>0){tnum=0}
if(tnum<-10000){tnum=-10000}
mp.Volume=tnum
}
</script>
<input type="button" onclick="setVolume(200)" value="音量+">
<input type="button" onclick="setVolume(-200)" value="音量-">
<input type="button" onclick="mp.Volume=0" value="最大">
<input type="button" onclick="mp.Volume=-10000" value="最小">
<input type="button" onclick="mp.Mute=-1" value="静音">
<input type="button" onclick="mp.Mute=0" value="取消静音">
<input type="button" onclick="alert(mp.Volume)" value="当前音量">
<br>
速度控制:
<input type="button" onclick="if(mp.Rate<2){mp.Rate+=0.1}" value="加速">
<input type="button" onclick="if(mp.Rate>0.2){mp.Rate-=0.1}" value="减速">
<input type="button" onclick="mp.Rate=1" value="正常">
<input type="button" onclick="alert(mp.Rate)" value="当前速度">
<br><b>界面控制:</b><br>
字幕控制:
<input type="button" onclick="mp.ShowCaptioning=-1" value="显示">
<input type="button" onclick="mp.ShowCaptioning=0" value="隐藏">
<input type="button" onclick="alert(mp.ShowCaptioning)" value="当前状态">
<br>
音量控制:
<input type="button" onclick="mp.ShowAudioControls=-1" value="显示">
<input type="button" onclick="mp.ShowAudioControls=0" value="隐藏">
<input type="button" onclick="alert(mp.ShowAudioControls)" value="当前状态">
<br>
播放控制:
<input type="button" onclick="mp.ShowControls=-1" value="显示">
<input type="button" onclick="mp.ShowControls=0" value="隐藏">
<input type="button" onclick="alert(mp.ShowControls)" value="当前状态">
<br>
媒体信息:
<input type="button" onclick="mp.ShowDisplay=-1" value="显示">
<input type="button" onclick="mp.ShowDisplay=0" value="隐藏">
<input type="button" onclick="alert(mp.ShowDisplay)" value="当前状态">
<br>
GotoBar :
<input type="button" onclick="mp.ShowGotoBar=-1" value="显示">
<input type="button" onclick="mp.ShowGotoBar=0" value="隐藏">
<input type="button" onclick="alert(mp.ShowGotoBar)" value="当前状态">
<br>
状 态 栏:
<input type="button" onclick="mp.ShowStatusBar=-1" value="显示">
<input type="button" onclick="mp.ShowStatusBar=0" value="隐藏">
<input type="button" onclick="alert(mp.ShowStatusBar)" value="当前状态">
<br>
跟 踪 条:
<input type="button" onclick="mp.ShowTracker=-1" value="显示">
<input type="button" onclick="mp.ShowTracker=0" value="隐藏">
<input type="button" onclick="alert(mp.ShowTracker)" value="当前状态">
<br>
位置控制:
<input type="button" onclick="mp.ShowPositionControls=-1" value="显示">
<input type="button" onclick="mp.ShowPositionControls=0" value="隐藏">
<input type="button" onclick="alert(mp.ShowPositionControls)" value="当前状态">
<br>
窗口缩放:
<input type="button" onclick="mp.DisplaySize=1" value="50%">
<input type="button" onclick="mp.DisplaySize=0" value="100%">
<input type="button" onclick="mp.DisplaySize=2" value="200%">
<input type="button" onclick="mp.DisplaySize=3" value="全屏">
<input type="button" onclick="alert(mp.DisplaySize)" value="当前状态">