js控制media player的补充?

在网上看到下面的代码觉得很简洁,蛮实用地

问一下,如果我再在下面的代码基础上加个时间进度条(和显示的进度时间和总时间)如何来添加?
谢谢
----------------

自己又改了改...
重做了

  1<html>
  2<head>
  3<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  4<title>自己写的控制播放器</title>
  5</head>
  6<body>
  7<table border="0" cellpadding="0" cellspacing="0" id="table1" width="100%">
  8<tr>
  9<td align="center" colspan="2">
 10<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" height="300" id="WindowsMediaPlayer" width="400">
 11<param name="URL" value=""/>
 12<param name="rate" value="1"/>
 13<param name="balance" value="0"/>
 14<param name="currentPosition" value="0"/>
 15<param name="defaultFrame" value=""/>
 16<param name="playCount" value=""/>
 17<param name="autoStart" value="0"/>
 18<param name="currentMarker" value="0"/>
 19<param name="invokeURLs" value="0"/>
 20<param name="baseURL" value=""/>
 21<param name="volume" value="100"/>
 22<param name="mute" value="-1"/>
 23<param name="uiMode" value="none"/>
 24<param name="stretchToFit" value="0"/>
 25<param name="windowlessVideo" value="0"/>
 26<param name="enabled" value="-1"/>
 27<param name="enableContextMenu" value="-1"/>
 28<param name="fullScreen" value="0"/>
 29<param name="SAMIStyle" value=""/>
 30<param name="SAMILang" value=""/>
 31<param name="SAMIFilename" value=""/>
 32<param name="captioningID" value=""/>
 33<param name="enableErrorDialogs" value="0"/>
 34</object>
 35</td>
 36</tr>
 37<tr>
 38<td align="center" colspan="2" height="20"><font color="red"><span id="playerinfo3"></span></font></td>
 39</tr>
 40<tr>
 41<td height="20" width="60%"><input id="FileBtn" style="visibility:hidden" type="file"/>
 42<span id="playerinfo1"></span><font color="blue"><span id="playerinfo2"></span></font></td>
 43<td height="20" width="40%"><span id="playerinfo"></span></td>
 44</tr>
 45<tr>
 46<td align="center" colspan="2">
 47<input name="openfile" onclick="openfile()" title="打开文件" type="button" value="打开文件"/>
 48<input name="play" onclick="play();" title="播放" type="button" value="播放"/>
 49<input name="pause" onclick="pause();" title="暂停" type="button" value="暂停"/>
 50<input name="stop" onclick="stop();" title="停止" type="button" value="停止"/>
 51<input name="voldown" onclick="voldown();" title="音量-" type="button" value="音量-"/>
 52<input name="volup" onclick="volup();" title="音量+" type="button" value="音量+"/>
 53<input name="mute" onclick="mute();" title="静音?" type="button" value="静音?"/>
 54<input name="balance" onclick="balance();" title="声道" type="button" value="声道"/>
 55<input onclick="location.reload();" title="刷新" type="button" value="刷新"/>
 56<input onclick="fullScreen();" title="全屏" type="button" value="全屏"/>
 57</td>
 58</tr>
 59</table>
 60<script language="javascript">   
 61var state;   
 62var varb;   
 63var varfullscreen=0;   
 64  
 65function loop()   
 66{   
 67WindowsMediaPlayer.playCount=2;   
 68}   
 69  
 70function openfile()   
 71{   
 72var fstr='';   
 73FileBtn.click();   
 74if (FileBtn.value=='')   
 75return;   
 76WindowsMediaPlayer.URL=FileBtn.value;   
 77playerinfo1.innerHTML = '全声道 ';   
 78playerinfo3.innerHTML="<b><font color=green>当前播放文件的路径和名称是: </font></b>"+FileBtn.value;   
 79}   
 80  
 81function playerinit()   
 82{   
 83WindowsMediaPlayer.url="unit10.wmv"; //定义你自己的文件   
 84WindowsMediaPlayer.settings.autoStart = false ;   
 85}   
 86  
 87function play()   
 88{   
 89//if(WindowsMediaPlayer.URL='')alert('请打开文件');return; onload="playerinit()"   
 90if (WindowsMediaPlayer.controls.isavailable('play'))   
 91{   
 92WindowsMediaPlayer.controls.play();   
 93state=setInterval("updatetime()",1000);   
 94playerinfo.innerHTML = "播放"   
 95varfullscreen=1;   
 96playerinfo2.innerHTML = '音量:'+WindowsMediaPlayer.settings.volume;   
 97}   
 98}   
 99  
100function voldown()   
101{   
102if ( WindowsMediaPlayer.settings.volume < 5 )   
103{   
104WindowsMediaPlayer.settings.volume = 0;   
105playerinfo2.innerHTML = "音量:0";   
106playerinfo1.innerHTML = '沉默中 ';   
107}   
108else   
109{   
110WindowsMediaPlayer.settings.volume -= 5;   
111playerinfo2.innerHTML = '音量:'+WindowsMediaPlayer.settings.volume;   
112playerinfo1.innerHTML = '非静音 ';   
113}   
114}   
115  
116function volup()   
117{   
118if ( WindowsMediaPlayer.settings.volume > 95 )   
119{   
120WindowsMediaPlayer.settings.volume = 100;   
121playerinfo2.innerHTML = "音量:100";   
122playerinfo1.innerHTML = '最大音 ';   
123}   
124else   
125{   
126WindowsMediaPlayer.settings.volume += 5;   
127playerinfo2.innerHTML = '音量:'+WindowsMediaPlayer.settings.volume;   
128playerinfo1.innerHTML = '非静音 ';   
129}   
130}   
131  
132function pause()   
133{   
134if (WindowsMediaPlayer.controls.isavailable('pause'))   
135{   
136WindowsMediaPlayer.controls.pause();   
137clearInterval(state);   
138playerinfo.innerHTML = "暂停";   
139varfullscreen=1;   
140}   
141}   
142  
143function stop()   
144{   
145if (WindowsMediaPlayer.controls.isavailable('stop'))   
146{   
147WindowsMediaPlayer.controls.stop();   
148clearInterval(state);   
149playerinfo.innerHTML = "停止"   
150varfullscreen=0;   
151}   
152}   
153  
154function mute()   
155{   
156WindowsMediaPlayer.settings.mute = !WindowsMediaPlayer.settings.mute;   
157if(varb!=1)   
158{   
159playerinfo1.innerHTML = '静音中 ';   
160document.all.volup.disabled=true;   
161document.all.voldown.disabled=true;   
162document.all.balance.disabled=true;   
163varb=1;   
164}   
165else   
166{   
167playerinfo1.innerHTML = '非静音 ';   
168document.all.volup.disabled=false;   
169document.all.voldown.disabled=false;   
170document.all.balance.disabled=false;   
171varb=0;   
172}   
173}   
174  
175function balance()   
176{   
177switch (WindowsMediaPlayer.settings.balance)   
178{   
179case 0:   
180WindowsMediaPlayer.settings.balance = 100;   
181playerinfo1.innerHTML = '左声道 ';   
182break;   
183case 100:   
184WindowsMediaPlayer.settings.balance = -100;   
185playerinfo1.innerHTML = '右声道 ';   
186break;   
187case -100:   
188WindowsMediaPlayer.settings.balance = 0;   
189playerinfo1.innerHTML = '全声道 ';   
190break;   
191default :   
192WindowsMediaPlayer.settings.balance = 0;   
193playerinfo1.innerHTML = '全声道 ';   
194break;   
195}   
196}   
197  
198function fullScreen()   
199{   
200if(varfullscreen)   
201WindowsMediaPlayer.fullScreen='true';   
202else   
203WindowsMediaPlayer.fullScreen='0';   
204}   
205  
206  
207function updatetime()   
208{   
209if(WindowsMediaPlayer.controls.currentPositionString=='')   
210{   
211playerinfo.innerHTML = "00:00" + " / " + WindowsMediaPlayer.currentMedia.durationString;   
212varfullscreen=0;   
213}   
214else   
215playerinfo.innerHTML = WindowsMediaPlayer.controls.currentPositionString + " / " + WindowsMediaPlayer.currentMedia.durationString;   
216}   
217</script>
218<script event="playstatechange(newstate)" for="WindowsMediaPlayer" language="JavaScript">   
219switch (newstate)   
220{   
221case 1:   
222playerinfo.innerHTML = "停止";   
223break;   
224case 2:   
225playerinfo.innerHTML = "暂停";   
226break;   
227case 3:   
228playerinfo.innerHTML = "正在播放";   
229break;   
230case 4:   
231playerinfo.innerHTML = "4";   
232break;   
233case 5:   
234playerinfo.innerHTML = "5";   
235break;   
236case 6:   
237playerinfo.innerHTML = "正在缓冲...";   
238break;   
239case 7:   
240playerinfo.innerHTML = "7";   
241break;   
242case 8:   
243playerinfo.innerHTML = "8";   
244break;   
245case 9:   
246playerinfo.innerHTML = "正在连接...";   
247break;   
248case 10:   
249playerinfo.innerHTML = "准备就绪";   
250break;   
251case 11:   
252playerinfo.innerHTML = "11";   
253break;   
254default:   
255playerinfo.innerHTML = "";   
256}   
257</script>
258</body>
259</html>

---------------------------------------------------------------

msdn有sdk啦。什么都可以查的
---------------------------------------------------------------

呵呵,偶也是查MSDN
---------------------------------------------------------------

顶,好贴!

Published At
Categories with Web编程
comments powered by Disqus