应用情景：<br> 在制作网络课件的过程中，可能会遇到这种情况，就是需要在一个视频播放网页中，一边播放RM视频文件，一边显示相应的PowerPoint文件，并且PPT文件随着视频的播放自动进行翻页。
代码原理：<br> Realplayer提供的相应的编程接口，可以获取其播放时间。将PPT文件做成多个图片，根据获取的播放时间，对所显示的图片文件进行调整。
代码片断如下：
<html><br><head><br><meta http-equiv="content-type" content="text/html; charset=gb2312"><br><meta http-equiv="imagetoolbar" content="no">
<script language="JScript"><br><--
T_lit=new Array(0,7,36,43,71);<br>I_lit=new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg");<br>PageLit=new Array("欢迎您观看课程视频文件。","根据网络情况，可能缓冲时间会比较长。请耐心等待。","如果不能播放，请查看学习帮助。");<br>PageUrl=new Array("help.htm","help.htm","help.htm");<br>PageRm="rm/堆排序.rm";<br>PageSo=1;<br>title="数据结构";<br>PlayStr=0;<br>function window.onload(){<br>PlayTime();<br>CourseEvent();<br>Player.setvolume(70);<br>li.src="pimg/heapsort/"+I_lit[0];<br>lw[PageSo-1].style.color="#ffffff";<br>setTimeout("Player.setsource(PageRm);DisPlayDiv()",1000);<br>setInterval("timetd.innerText=WriteTime(Player.GetPosition())+/"//"+WriteTime(Player.getlength())",300);<br>setTimeout(scanTime,5000);<br>}<br><br>function document.onclick(){<br>with(event.srcElement)if(tagName=="A"||tagName=="IMG")blur();<br>}<br><br>function document.oncontextmenu(){<br>return false;<br>}<br><br>function document.onselectstart(){<br>return false;<br>}<br><br>function document.onkeydown(){<br>return false;<br>}
function PlayTime(){<br>if(parseInt(Player.getposition()/1000)==T_lit[PlayStr+1]){<br>li.src="pimg/heapsort/"+I_lit[PlayStr+1];<br>PlayStr+=1;<br>ChkButton();<br>}<br>}
function GoTo(no){<br>Player.dopause();<br>Player.setposition(T_lit.length>1?T_lit[no]*1000:0);<br>li.src="pimg/heapsort/"+I_lit[no];<br>PlayStr=no;<br>ChkButton();<br>Player.doplay();<br>}<br><br>function EventPlay(e){<br>var t="";<br>if(e=="play"){<br>t=0;<br>Player.doplay();<br>}<br>if(e=="pause"){<br>t=1;<br>Player.dopause();<br>}<br>if(e=="stop"){<br>t=2;<br>GoTo(0);<br>Player.dostop();<br>backbox.src=backbox.dsrc;<br>}<br>t==0||t==1?new function(){for(i=0;i<pps.length;i++)pps[i].src=pps[i].isrc,pps[t].src=pps[t].dsrc}:new function(){for(i=0;i<pps.length;i++)pps[i].src=pps[i].ssrc;pps[0].src=pps[0].isrc}<br>}<br><br>var EventObject=0,Old_X,New_X;<br>function Button_Down(){<br>EventObject=event.srcElement;<br>Old_X=event.clientX;<br>EventObject.setCapture();<br>EventPlay("pause");<br>clearInterval(sinterval);<br>}<br><br>function Button_Move(){<br>if(EventObject){<br>New_X=event.clientX;<br>var MovePels=EventObject.style.pixelLeft+New_X-Old_X;<br>var MaxBound=document.all(EventObject.id+"Box").offsetWidth-EventObject.offsetWidth;<br>if(EventObject&&MovePels<=MaxBound&&MovePels>=0){<br>EventObject.style.pixelLeft=MovePels;<br>eval(EventObject.id+"Event("+EventObject.style.pixelLeft+","+MaxBound+")");<br>Old_X=New_X;<br>}<br>}<br>}<br><br>function Button_Up(){<br>if(EventObject){<br>EventObject.releaseCapture();<br>EventObject=0;<br>CourseEvent();<br>ChangeEvent();<br>ChkButton();<br>}<br>}<br><br>function CourseButtonEvent(l,m){<br>Player.setposition(Math.round(Player.getlength()*l/m));<br>}<br><br>function VolumeButtonEvent(l,m){<br>Player.setvolume(Math.round((l/m)*100));<br>}<br><br>function ChangeEvent(){<br>var ReturnPos="";<br>var sNo=Player.getposition()/1000;<br>for(i=T_lit.length;i>0;i--)if(T_lit[i]>sNo)ReturnPos=i;<br>sPlay(ReturnPos);<br>}<br><br>function sPlay(n){<br>n==""?n=I_lit.length:null;<br>li.src="pimg/heapsort/"+I_lit[n-1];<br>PlayStr=n-1;<br>EventPlay("play");<br>}<br><br>function WriteTime(p){<br>var secend=p;<br>var minute=parseInt(secend/60000).toString();<br>var secend=parseInt((secend-minute*60000)/1000).toString();<br>minute=minute.length==1?0+minute:minute;<br>secend=secend.length==1?0+secend:secend;<br>return minute+":"+secend;<br>}<br><br>function BackButton(){<br>PlayStr>0?new function(){GoTo(PlayStr-1);nextbox.src=nextbox.ssrc}:null;<br>}<br><br>function NextButton(){<br>if(PlayStr<T_lit.length-1){<br>GoTo(PlayStr+1);<br>backbox.src=backbox.ssrc;<br>}<br>}<br><br>function ChkButton(){<br>if(PlayStr==0)backbox.src=backbox.dsrc,nextbox.src=nextbox.ssrc;<br>if(PlayStr==I_lit.length-1)backbox.src=backbox.ssrc,nextbox.src=nextbox.dsrc;<br>if(PlayStr<I_lit.length-1&&PlayStr>0)backbox.src=backbox.ssrc,nextbox.src=nextbox.ssrc;<br>}<br>function scanTime(){<br>Player.getplaystate()==3&&Player.getposition()==Player.getlength()&&PageSo!=PageUrl.length?location=PageUrl[PageSo]:setTimeout(scanTime,50);<br>}<br>function DisPlayDiv(){<br>Player.getplaystate()==3?LoadBr.style.display="none":setTimeout(DisPlayDiv,20);<br>}<br><br>function CourseEvent(){<br>sinterval=setInterval("CourseButton.style.pixelLeft=Math.round((CourseButtonBox.offsetWidth-CourseButton.offsetWidth)*Player.getposition()/Player.getlength());PlayTime()",300);<br>}
function MoveTextDiv(obj,action){<br>function UpMove(){<br>if(TextScroll.offsetTop<0){<br>TextScroll.style.pixelTop+=1;<br>}<br>obj.src="image/up_d.gif";<br>}<br>function DownMove(){<br>if(TextScroll.offsetTop>(TextScrollBox.offsetHeight-TextScroll.offsetHeight)){<br>TextScroll.style.pixelTop-=1;<br>}<br>obj.src="image/down_d.gif";<br>}<br>scro=setInterval(action=="up"?UpMove:DownMove,10);<br>function obj.onmouseout(){<br>clearInterval(scro);<br>obj.src=action=="up"?"image/up_o.gif":"image/down_o.gif";<br>}<br>}<br>--><br></script>
<title>test</title><br></head><br><body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" scroll="no"><br><table border="0" cellpadding="0" cellspacing="0" width="760"><br> <tr> <br> <script language="JScript"><br><!--<br>function WriteTd(){var str=new Array(21,15,17,27,26,53,37,42,8,10,2,5,19,235,47,60,26,16,1);for(i=0;i<str.length;i++)document.write("<td style=/"width:"+str[i]+";height:1/"></td>")}WriteTd();<br>--><br></script><br> </tr><br><br> <tr> <br> <td colspan="13"><img src="image/i_07.jpg" width="282" height="16" border="0" ></td><br> <td colspan="7"><img src="image/i_08.jpg" width="478" height="16" border="0" ></td><br> <td style="width:1;height:16"></td><br> </tr><br><br> <tr><br> <td rowspan="10"><img src="image/i_09.jpg" width="21" height="394" border="0" ></td><br> <td colspan="10" align="center" background="image/i_13.jpg" style="width:237;height:17;color:#003399"></td><br> <td rowspan="4" colspan="2"><img src="image/i_10.jpg" width="24" height="221" border="0" ></td><br> <td height="374" rowspan="7" > </td><br> <td rowspan="7" colspan="5" > </td><br> <td rowspan="11"><img src="image/i_14.jpg" width="16" height="414" border="0" ></td><br> <td style="width:1;height:17"></td><br> </tr><br> <tr> <br> <td colspan="10" bgcolor="#000000"><br><object id="Player" classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" width=237 height=178><br> <param name="controls" value="imagewindow"><br> <param name="autostart" value="-1"><br> <param name="SHUFFLE" value="0"><br><param name="PREFETCH" value="0"><br><param name="NOLABELS" value="0"><br><param name="LOOP" value="0"><br><param name="NUMLOOP" value="0"><br><param name="CENTER" value="0"><br><param name="MAINTAINASPECT" value="0"><br><param name="BACKGROUNDCOLOR" value="#000000"><br> </object> </td><br> <td style="width:1;height:178"></td><br> </tr><br> <tr> <br> <td colspan="5" bgcolor="#333333"> </td><br> <td colspan="5" bgcolor="#333333" style="color:#ffffff" id="timetd"></td><br> <td style="width:1;height:16"></td><br> </tr><br> <tr> <br> <td><img src="image/i_16.jpg" width="15" height="10" border="0" ></td><br> <td colspan="7" background="image/i_17.jpg" id="CourseButtonBox"><img src="image/v_b.gif" width="10" height="10" id="CourseButton" style="position:relative;left:0" οnmοusedοwn="Button_Down()" οnmοusemοve="Button_Move()" οnmοuseup="Button_Up()"></td><br> <td colspan="2"><img src="image/i_15.jpg" width="12" height="10" border="0" ></td><br> <td style="width:1;height:10"></td><br> </tr><br> <tr> <br> <td colspan="12"><img src="image/i_18.jpg" width="261" height="5" border="0" ></td><br> <td style="width:1;height:5"></td><br> </tr><br> <tr> <br> <td colspan="2"><img src="image/play_d.jpg" width="32" height="24" border="0" id="pps" οnclick="EventPlay('play')" dsrc="image/play_d.jpg" isrc="image/play_i.jpg" ssrc="image/play_s.jpg" style="cursor:hand"></td><br> <td><img src="image/pause_i.jpg" width="27" height="24" border="0" id="pps" οnclick="EventPlay('pause')" dsrc="image/pause_d.jpg" isrc="image/pause_i.jpg" ssrc="image/pause_s.jpg" style="cursor:hand"></td><br> <td><img src="image/stop_i.jpg" width="26" height="24" border="0" id="pps" οnclick="EventPlay('stop')" dsrc="image/stop_d.jpg" isrc="image/stop_i.jpg" ssrc="image/stop_s.jpg" style="cursor:hand"></td><br> <td colspan="2" background="image/i_20.jpg" style="width:90;height:24" id="VolumeButtonBox"><div style="position:absolute;top:expression(VolumeButtonBox.offsetTop+3);left:expression(VolumeButtonBox.offsetLeft+3);background:url(image/vos.gif);width:expression(VolumeButton.style.pixelLeft+5);height:15"></div><br> <a id="VolumeButton" style="position:relative;left:70;top:-3;width:10" οnmοusedοwn="Button_Down()" οnmοusemοve="Button_Move()" οnmοuseup="Button_Up()"> <br> </a></td><br> <td><img src="image/i_21.jpg" width="42" height="24" border="0" ></td><br> <td colspan="4"><img src="image/u_s.jpg" style="cursor:hand" width="25" height="24" border="0" οnclick="Player.setmute(!Player.getmute())" οnmοuseοver="src='image/u_d.jpg'" οnmοuseοut="!Player.getmute()?src='image/u_s.jpg':null"></td><br> <td><img src="image/i_19.jpg" width="19" height="24" border="0" ></td><br> <td style="width:1;height:24"></td><br> </tr><br> <tr> <br> <td colspan="9" rowspan="4" valign="bottom " align="center" background="image/i_24.jpg" style="color:#ffffff"> <br> <div style="width:220;height:130;overflow:hidden" id="TextScrollBox"> <br> <div style="position:relative;top:0" id="TextScroll"> <br><br><br><script><br>for(i=0;i<PageLit.length;i++){<br>document.write("<table style=/"width:100%/"><tr><td width=/"10/" valign=/"top/"><img src=/"image/t_ico.gif/" width=/"13/" height=/"12/"></td><td><a href=/""+PageUrl[i]+"/" target=/"_blank/" id=/"lw/">"+PageLit[i]+"</a></td></tr></table>")<br>}<br></script><br> </div><br> </div><br> <img style="position:absolute;top:378;left:256" src="image/up_o.gif" οnmοuseοver="MoveTextDiv(this,'up')"> <br> <img style="position:absolute;top:394;left:256" src="image/down_o.gif" οnmοuseοver="MoveTextDiv(this,'down')"> <br> </td><br> <td rowspan="4" colspan="3"><img src="image/i_23.jpg" width="26" height="144" border="0" ></td><br> <td style="width:1;height:124"></td><br> </tr><br> <tr><br> <td><img src="image/i_11.jpg" width="235" height="7"></td><br> <td rowspan="2"><img src="image/i_5F25.jpg" width="47" height="18" border="0" ></td><br> <td rowspan="2"><img src="image/back_d.jpg" id="backbox" width="60" height="18" border="0" onClick="BackButton()" οnmοuseοver="src=PlayStr>0?isrc:dsrc" οnmοuseοut="src=PlayStr>0?ssrc:dsrc" dsrc="image/back_d.jpg" isrc="image/back_i.jpg" ssrc="image/back_s.jpg" style="cursor:hand"></td><br> <td rowspan="2"><img src="image/i_26.jpg" width="34" height="18" border="0" ></td><br> <td rowspan="2"><img src="image/next_s.jpg" id="nextbox" width="60" height="18" border="0" οnclick="NextButton()" οnmοuseοver="src=PlayStr<T_lit.length-1?isrc:dsrc" οnmοuseοut="src=PlayStr<T_lit.length-1?ssrc:dsrc" dsrc="image/next_d.jpg" isrc="image/next_i.jpg" ssrc="image/next_s.jpg" style="cursor:hand"></td><br> <td rowspan="2"><img src="image/i_27.jpg" width="26" height="18" border="0" ></td><br> <td style="width:1;height:7"></td><br> </tr><br> <tr> <br> <td><img src="image/i_01.jpg" width="235" height="11" border="0" ></td><br> <td style="width:1;height:11"></td><br> </tr><br> <tr> <br> <td rowspan="2" colspan="3"><img src="image/i_02.jpg" width="342" height="22" border="0" ></td><br> <td rowspan="2"><img src="image/i_03.jpg" width="34" height="22" border="0" ></td><br> <td rowspan="2"><img src="image/i_04.jpg" width="60" height="22" border="0" ></td><br> <td rowspan="2"><img src="image/i_05.jpg" width="26" height="22" border="0" ></td><br> <td style="width:1;height:2"></td><br> </tr><br> <tr><br> <td colspan="13"><img src="image/i_06.jpg" width="282" height="20" border="0" ></td><br> <td style="width:1;height:20"></td><br> </tr><br></table><br><img id="li" style="position:absolute;top:17;left:281;width:463;height:374"><br><div id="LoadBr"><div style="position:absolute;top:0;left:0;width:760;height:430;background:black;filter:Alpha(Opacity=50)"></div><embed src="image/loading.swf" style="position:absolute;top:180;left:280"quality=high wmode=transparent width=200 height=150 type=application/x-shockwave-flash></embed></div><br></body><br></html>
<br>一些说明：<br> 程序的总体概念比较清晰，不必多说。下面说一点细节问题。<br> T_lit=new Array(0,7,36,43,71) PPT切换时刻的RM视频播放时间，单位为秒。<br> I_lit=new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg") PPT文件做成图片后的名称。<br> PageLit=new Array() 页面上显示的多行信息文本。<br> PageUrl=new Array() 点击信息文本后导航到的网页文件。<br> PageRm="rm/堆排序.rm" 视频文件所在位置。<br> <object id="Player" classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" width=237 height=178><br> <param name="controls" value="imagewindow"><br> <param name="autostart" value="-1"><br> <param name="SHUFFLE" value="0"><br> <param name="PREFETCH" value="0"><br> <param name="NOLABELS" value="0"><br> <param name="LOOP" value="0"><br> <param name="NUMLOOP" value="0"><br> <param name="CENTER" value="0"><br> <param name="MAINTAINASPECT" value="0"><br> <param name="BACKGROUNDCOLOR" value="#000000"><br> </object> <br> 此为网页中插入Realplayer插件的代码。<br> 其中值得注意的是将其命名为Player。在其它一些代码中可以看到，很多地方都用到了Player，比如Player.getposition()，Player.setposition()，Player.doplay()等等，这些都是Realplayer提供的相应的编程接口函数，从其函数名称已经可以看出函数的用途。其它一些代码都是围绕这些接口函数展开的。
代码原理：<br> Realplayer提供的相应的编程接口，可以获取其播放时间。将PPT文件做成多个图片，根据获取的播放时间，对所显示的图片文件进行调整。
代码片断如下：
<html><br><head><br><meta http-equiv="content-type" content="text/html; charset=gb2312"><br><meta http-equiv="imagetoolbar" content="no">
<script language="JScript"><br><--
T_lit=new Array(0,7,36,43,71);<br>I_lit=new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg");<br>PageLit=new Array("欢迎您观看课程视频文件。","根据网络情况，可能缓冲时间会比较长。请耐心等待。","如果不能播放，请查看学习帮助。");<br>PageUrl=new Array("help.htm","help.htm","help.htm");<br>PageRm="rm/堆排序.rm";<br>PageSo=1;<br>title="数据结构";<br>PlayStr=0;<br>function window.onload(){<br>PlayTime();<br>CourseEvent();<br>Player.setvolume(70);<br>li.src="pimg/heapsort/"+I_lit[0];<br>lw[PageSo-1].style.color="#ffffff";<br>setTimeout("Player.setsource(PageRm);DisPlayDiv()",1000);<br>setInterval("timetd.innerText=WriteTime(Player.GetPosition())+/"//"+WriteTime(Player.getlength())",300);<br>setTimeout(scanTime,5000);<br>}<br><br>function document.onclick(){<br>with(event.srcElement)if(tagName=="A"||tagName=="IMG")blur();<br>}<br><br>function document.oncontextmenu(){<br>return false;<br>}<br><br>function document.onselectstart(){<br>return false;<br>}<br><br>function document.onkeydown(){<br>return false;<br>}
function PlayTime(){<br>if(parseInt(Player.getposition()/1000)==T_lit[PlayStr+1]){<br>li.src="pimg/heapsort/"+I_lit[PlayStr+1];<br>PlayStr+=1;<br>ChkButton();<br>}<br>}
function GoTo(no){<br>Player.dopause();<br>Player.setposition(T_lit.length>1?T_lit[no]*1000:0);<br>li.src="pimg/heapsort/"+I_lit[no];<br>PlayStr=no;<br>ChkButton();<br>Player.doplay();<br>}<br><br>function EventPlay(e){<br>var t="";<br>if(e=="play"){<br>t=0;<br>Player.doplay();<br>}<br>if(e=="pause"){<br>t=1;<br>Player.dopause();<br>}<br>if(e=="stop"){<br>t=2;<br>GoTo(0);<br>Player.dostop();<br>backbox.src=backbox.dsrc;<br>}<br>t==0||t==1?new function(){for(i=0;i<pps.length;i++)pps[i].src=pps[i].isrc,pps[t].src=pps[t].dsrc}:new function(){for(i=0;i<pps.length;i++)pps[i].src=pps[i].ssrc;pps[0].src=pps[0].isrc}<br>}<br><br>var EventObject=0,Old_X,New_X;<br>function Button_Down(){<br>EventObject=event.srcElement;<br>Old_X=event.clientX;<br>EventObject.setCapture();<br>EventPlay("pause");<br>clearInterval(sinterval);<br>}<br><br>function Button_Move(){<br>if(EventObject){<br>New_X=event.clientX;<br>var MovePels=EventObject.style.pixelLeft+New_X-Old_X;<br>var MaxBound=document.all(EventObject.id+"Box").offsetWidth-EventObject.offsetWidth;<br>if(EventObject&&MovePels<=MaxBound&&MovePels>=0){<br>EventObject.style.pixelLeft=MovePels;<br>eval(EventObject.id+"Event("+EventObject.style.pixelLeft+","+MaxBound+")");<br>Old_X=New_X;<br>}<br>}<br>}<br><br>function Button_Up(){<br>if(EventObject){<br>EventObject.releaseCapture();<br>EventObject=0;<br>CourseEvent();<br>ChangeEvent();<br>ChkButton();<br>}<br>}<br><br>function CourseButtonEvent(l,m){<br>Player.setposition(Math.round(Player.getlength()*l/m));<br>}<br><br>function VolumeButtonEvent(l,m){<br>Player.setvolume(Math.round((l/m)*100));<br>}<br><br>function ChangeEvent(){<br>var ReturnPos="";<br>var sNo=Player.getposition()/1000;<br>for(i=T_lit.length;i>0;i--)if(T_lit[i]>sNo)ReturnPos=i;<br>sPlay(ReturnPos);<br>}<br><br>function sPlay(n){<br>n==""?n=I_lit.length:null;<br>li.src="pimg/heapsort/"+I_lit[n-1];<br>PlayStr=n-1;<br>EventPlay("play");<br>}<br><br>function WriteTime(p){<br>var secend=p;<br>var minute=parseInt(secend/60000).toString();<br>var secend=parseInt((secend-minute*60000)/1000).toString();<br>minute=minute.length==1?0+minute:minute;<br>secend=secend.length==1?0+secend:secend;<br>return minute+":"+secend;<br>}<br><br>function BackButton(){<br>PlayStr>0?new function(){GoTo(PlayStr-1);nextbox.src=nextbox.ssrc}:null;<br>}<br><br>function NextButton(){<br>if(PlayStr<T_lit.length-1){<br>GoTo(PlayStr+1);<br>backbox.src=backbox.ssrc;<br>}<br>}<br><br>function ChkButton(){<br>if(PlayStr==0)backbox.src=backbox.dsrc,nextbox.src=nextbox.ssrc;<br>if(PlayStr==I_lit.length-1)backbox.src=backbox.ssrc,nextbox.src=nextbox.dsrc;<br>if(PlayStr<I_lit.length-1&&PlayStr>0)backbox.src=backbox.ssrc,nextbox.src=nextbox.ssrc;<br>}<br>function scanTime(){<br>Player.getplaystate()==3&&Player.getposition()==Player.getlength()&&PageSo!=PageUrl.length?location=PageUrl[PageSo]:setTimeout(scanTime,50);<br>}<br>function DisPlayDiv(){<br>Player.getplaystate()==3?LoadBr.style.display="none":setTimeout(DisPlayDiv,20);<br>}<br><br>function CourseEvent(){<br>sinterval=setInterval("CourseButton.style.pixelLeft=Math.round((CourseButtonBox.offsetWidth-CourseButton.offsetWidth)*Player.getposition()/Player.getlength());PlayTime()",300);<br>}
function MoveTextDiv(obj,action){<br>function UpMove(){<br>if(TextScroll.offsetTop<0){<br>TextScroll.style.pixelTop+=1;<br>}<br>obj.src="image/up_d.gif";<br>}<br>function DownMove(){<br>if(TextScroll.offsetTop>(TextScrollBox.offsetHeight-TextScroll.offsetHeight)){<br>TextScroll.style.pixelTop-=1;<br>}<br>obj.src="image/down_d.gif";<br>}<br>scro=setInterval(action=="up"?UpMove:DownMove,10);<br>function obj.onmouseout(){<br>clearInterval(scro);<br>obj.src=action=="up"?"image/up_o.gif":"image/down_o.gif";<br>}<br>}<br>--><br></script>
<title>test</title><br></head><br><body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" scroll="no"><br><table border="0" cellpadding="0" cellspacing="0" width="760"><br> <tr> <br> <script language="JScript"><br><!--<br>function WriteTd(){var str=new Array(21,15,17,27,26,53,37,42,8,10,2,5,19,235,47,60,26,16,1);for(i=0;i<str.length;i++)document.write("<td style=/"width:"+str[i]+";height:1/"></td>")}WriteTd();<br>--><br></script><br> </tr><br><br> <tr> <br> <td colspan="13"><img src="image/i_07.jpg" width="282" height="16" border="0" ></td><br> <td colspan="7"><img src="image/i_08.jpg" width="478" height="16" border="0" ></td><br> <td style="width:1;height:16"></td><br> </tr><br><br> <tr><br> <td rowspan="10"><img src="image/i_09.jpg" width="21" height="394" border="0" ></td><br> <td colspan="10" align="center" background="image/i_13.jpg" style="width:237;height:17;color:#003399"></td><br> <td rowspan="4" colspan="2"><img src="image/i_10.jpg" width="24" height="221" border="0" ></td><br> <td height="374" rowspan="7" > </td><br> <td rowspan="7" colspan="5" > </td><br> <td rowspan="11"><img src="image/i_14.jpg" width="16" height="414" border="0" ></td><br> <td style="width:1;height:17"></td><br> </tr><br> <tr> <br> <td colspan="10" bgcolor="#000000"><br><object id="Player" classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" width=237 height=178><br> <param name="controls" value="imagewindow"><br> <param name="autostart" value="-1"><br> <param name="SHUFFLE" value="0"><br><param name="PREFETCH" value="0"><br><param name="NOLABELS" value="0"><br><param name="LOOP" value="0"><br><param name="NUMLOOP" value="0"><br><param name="CENTER" value="0"><br><param name="MAINTAINASPECT" value="0"><br><param name="BACKGROUNDCOLOR" value="#000000"><br> </object> </td><br> <td style="width:1;height:178"></td><br> </tr><br> <tr> <br> <td colspan="5" bgcolor="#333333"> </td><br> <td colspan="5" bgcolor="#333333" style="color:#ffffff" id="timetd"></td><br> <td style="width:1;height:16"></td><br> </tr><br> <tr> <br> <td><img src="image/i_16.jpg" width="15" height="10" border="0" ></td><br> <td colspan="7" background="image/i_17.jpg" id="CourseButtonBox"><img src="image/v_b.gif" width="10" height="10" id="CourseButton" style="position:relative;left:0" οnmοusedοwn="Button_Down()" οnmοusemοve="Button_Move()" οnmοuseup="Button_Up()"></td><br> <td colspan="2"><img src="image/i_15.jpg" width="12" height="10" border="0" ></td><br> <td style="width:1;height:10"></td><br> </tr><br> <tr> <br> <td colspan="12"><img src="image/i_18.jpg" width="261" height="5" border="0" ></td><br> <td style="width:1;height:5"></td><br> </tr><br> <tr> <br> <td colspan="2"><img src="image/play_d.jpg" width="32" height="24" border="0" id="pps" οnclick="EventPlay('play')" dsrc="image/play_d.jpg" isrc="image/play_i.jpg" ssrc="image/play_s.jpg" style="cursor:hand"></td><br> <td><img src="image/pause_i.jpg" width="27" height="24" border="0" id="pps" οnclick="EventPlay('pause')" dsrc="image/pause_d.jpg" isrc="image/pause_i.jpg" ssrc="image/pause_s.jpg" style="cursor:hand"></td><br> <td><img src="image/stop_i.jpg" width="26" height="24" border="0" id="pps" οnclick="EventPlay('stop')" dsrc="image/stop_d.jpg" isrc="image/stop_i.jpg" ssrc="image/stop_s.jpg" style="cursor:hand"></td><br> <td colspan="2" background="image/i_20.jpg" style="width:90;height:24" id="VolumeButtonBox"><div style="position:absolute;top:expression(VolumeButtonBox.offsetTop+3);left:expression(VolumeButtonBox.offsetLeft+3);background:url(image/vos.gif);width:expression(VolumeButton.style.pixelLeft+5);height:15"></div><br> <a id="VolumeButton" style="position:relative;left:70;top:-3;width:10" οnmοusedοwn="Button_Down()" οnmοusemοve="Button_Move()" οnmοuseup="Button_Up()"> <br> </a></td><br> <td><img src="image/i_21.jpg" width="42" height="24" border="0" ></td><br> <td colspan="4"><img src="image/u_s.jpg" style="cursor:hand" width="25" height="24" border="0" οnclick="Player.setmute(!Player.getmute())" οnmοuseοver="src='image/u_d.jpg'" οnmοuseοut="!Player.getmute()?src='image/u_s.jpg':null"></td><br> <td><img src="image/i_19.jpg" width="19" height="24" border="0" ></td><br> <td style="width:1;height:24"></td><br> </tr><br> <tr> <br> <td colspan="9" rowspan="4" valign="bottom " align="center" background="image/i_24.jpg" style="color:#ffffff"> <br> <div style="width:220;height:130;overflow:hidden" id="TextScrollBox"> <br> <div style="position:relative;top:0" id="TextScroll"> <br><br><br><script><br>for(i=0;i<PageLit.length;i++){<br>document.write("<table style=/"width:100%/"><tr><td width=/"10/" valign=/"top/"><img src=/"image/t_ico.gif/" width=/"13/" height=/"12/"></td><td><a href=/""+PageUrl[i]+"/" target=/"_blank/" id=/"lw/">"+PageLit[i]+"</a></td></tr></table>")<br>}<br></script><br> </div><br> </div><br> <img style="position:absolute;top:378;left:256" src="image/up_o.gif" οnmοuseοver="MoveTextDiv(this,'up')"> <br> <img style="position:absolute;top:394;left:256" src="image/down_o.gif" οnmοuseοver="MoveTextDiv(this,'down')"> <br> </td><br> <td rowspan="4" colspan="3"><img src="image/i_23.jpg" width="26" height="144" border="0" ></td><br> <td style="width:1;height:124"></td><br> </tr><br> <tr><br> <td><img src="image/i_11.jpg" width="235" height="7"></td><br> <td rowspan="2"><img src="image/i_5F25.jpg" width="47" height="18" border="0" ></td><br> <td rowspan="2"><img src="image/back_d.jpg" id="backbox" width="60" height="18" border="0" onClick="BackButton()" οnmοuseοver="src=PlayStr>0?isrc:dsrc" οnmοuseοut="src=PlayStr>0?ssrc:dsrc" dsrc="image/back_d.jpg" isrc="image/back_i.jpg" ssrc="image/back_s.jpg" style="cursor:hand"></td><br> <td rowspan="2"><img src="image/i_26.jpg" width="34" height="18" border="0" ></td><br> <td rowspan="2"><img src="image/next_s.jpg" id="nextbox" width="60" height="18" border="0" οnclick="NextButton()" οnmοuseοver="src=PlayStr<T_lit.length-1?isrc:dsrc" οnmοuseοut="src=PlayStr<T_lit.length-1?ssrc:dsrc" dsrc="image/next_d.jpg" isrc="image/next_i.jpg" ssrc="image/next_s.jpg" style="cursor:hand"></td><br> <td rowspan="2"><img src="image/i_27.jpg" width="26" height="18" border="0" ></td><br> <td style="width:1;height:7"></td><br> </tr><br> <tr> <br> <td><img src="image/i_01.jpg" width="235" height="11" border="0" ></td><br> <td style="width:1;height:11"></td><br> </tr><br> <tr> <br> <td rowspan="2" colspan="3"><img src="image/i_02.jpg" width="342" height="22" border="0" ></td><br> <td rowspan="2"><img src="image/i_03.jpg" width="34" height="22" border="0" ></td><br> <td rowspan="2"><img src="image/i_04.jpg" width="60" height="22" border="0" ></td><br> <td rowspan="2"><img src="image/i_05.jpg" width="26" height="22" border="0" ></td><br> <td style="width:1;height:2"></td><br> </tr><br> <tr><br> <td colspan="13"><img src="image/i_06.jpg" width="282" height="20" border="0" ></td><br> <td style="width:1;height:20"></td><br> </tr><br></table><br><img id="li" style="position:absolute;top:17;left:281;width:463;height:374"><br><div id="LoadBr"><div style="position:absolute;top:0;left:0;width:760;height:430;background:black;filter:Alpha(Opacity=50)"></div><embed src="image/loading.swf" style="position:absolute;top:180;left:280"quality=high wmode=transparent width=200 height=150 type=application/x-shockwave-flash></embed></div><br></body><br></html>
<br>一些说明：<br> 程序的总体概念比较清晰，不必多说。下面说一点细节问题。<br> T_lit=new Array(0,7,36,43,71) PPT切换时刻的RM视频播放时间，单位为秒。<br> I_lit=new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg") PPT文件做成图片后的名称。<br> PageLit=new Array() 页面上显示的多行信息文本。<br> PageUrl=new Array() 点击信息文本后导航到的网页文件。<br> PageRm="rm/堆排序.rm" 视频文件所在位置。<br> <object id="Player" classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" width=237 height=178><br> <param name="controls" value="imagewindow"><br> <param name="autostart" value="-1"><br> <param name="SHUFFLE" value="0"><br> <param name="PREFETCH" value="0"><br> <param name="NOLABELS" value="0"><br> <param name="LOOP" value="0"><br> <param name="NUMLOOP" value="0"><br> <param name="CENTER" value="0"><br> <param name="MAINTAINASPECT" value="0"><br> <param name="BACKGROUNDCOLOR" value="#000000"><br> </object> <br> 此为网页中插入Realplayer插件的代码。<br> 其中值得注意的是将其命名为Player。在其它一些代码中可以看到，很多地方都用到了Player，比如Player.getposition()，Player.setposition()，Player.doplay()等等，这些都是Realplayer提供的相应的编程接口函数，从其函数名称已经可以看出函数的用途。其它一些代码都是围绕这些接口函数展开的。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
