网络编程
位置:首页>> 网络编程>> Asp编程>> 嵌入式Web视频点播系统实现方法(3)

嵌入式Web视频点播系统实现方法(3)

作者:tttk 来源:动网 发布时间:2007-10-10 21:17:00 

标签:RealPlayer,嵌入式,流媒体,视频,DHTML,VOD


二、使用DHTML动态控制RealPlayer控件的播放

小技巧:<IFRAME>的妙用。由于为RealPlayer控件指定新的SRC需要刷新页面,使用<IFRAME>可以把RealPlayer控件嵌入到单独的页面中,这样,动态刷新就是在<IFRAME>内进行,不会影响用户观看页面其它内容。

以下代码包含在主页面中:


<IFRAME id="iVideo" SRC="video.php" Width=500 Height=345 frameborder=0 SCROLLING="no">
</IFRAME>

其中,video.php文件用力显示RealPlayer控件。



下面我们加入简单的JavaScript 代码用来控制视频的播放。


<script language="JavaScript">
function play(filename){
top.document.all("iVideo").src = "video.php?src="+filename;
} // iVideo 是刚刚定义的IFRAME 的标识符
</script>


我们可以使用javascript控制RealPlayer插件更复杂的功能,如提取视频的长宽、测试用户的网络速率、自定义播放事件等等。关于RealPlayer ActiveX开发的具体细节,请参阅RealPlayer官方网站http://service.real.com/help/library/guides/extend/embed.htm。

我们假设有一个视频文件,其URL为http://YourURL/filename.ram,那么我们就可以这样定义:

<a href="JavaScript:play('http://YourURL/filename.ram')">文件1</a>,如果文件是在本地,URL也可以为相对路径。


三、检测用户是否安装RealPlayer播放器

在页面的<head></head>部分加入以下JavaScript代码,用以检测用户是否安装RealPlayer播放器:



<SCRIPT LANGUAGE=JavaScript>
<!--
var RealMode=0;
var RealPlayer5=0;
var RealPlayer4=0;
var RealPlayerG2=0;
if (navigator.userAgent.indexOf("MSIE")< 0 ){
numPlugins = navigator.plugins.length;
for (i = 0; i < numPlugins; i++){
plugin = navigator.plugins[i];
if (plugin.name.substring(0,10)=="RealPlayer"){
RealMode=1;
}
}
}
// 以下代码通过VBScript的CreateObject()函数动态的创建RealPlayer对象
document.write(’<SCRIPT LANGUAGE=VBScript\> \n’);
document.write(’on error resume next \n’);
document.write(’RealPlayerG2 = (NOT IsNull(CreateObject("rmocx.RealPlayer G2 Control")))\n’);
document.write(’RealPlayer5 = (NOT IsNull(CreateObject("RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)")))\n’);
document.write(’RealPlayer4 = (NOT IsNull(CreateObject("RealVideo.RealVideo(tm) ActiveX Control (32-bit)")))\n’);
document.write(’</SCRIPT\> \n’);
if ( RealPlayerG2 || RealPlayer5 || RealPlayer4 ){
//可以在此处添加<object>对象
}else if ( RealMode ){ // NetScape浏览器用户
// 可以在此处加入<embed>对象
}else{
window.location.replace("install.htm"); // 转入install.htm页面指导用户进行安装
}
-->
</Script>


至此,我们已经实现了一个基于Web的视频点播的基本功能。但我们要想把功能做的更完美一些,还需要其它更复杂的考虑。如流媒体的制作、网页美工的设计、网络流速的考虑,以及网站视频文件的有效组织。这些话题已经超出了本文的讨论范围,请读者自行参考相关资料。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com