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

本文部分内容源引http://blog.lmxp.com/show.php?id=58，主要讲解如何用RealPlayer网页播放视频点播。

【播放方式的选择】

一般而言，安装好RealPlayer之后，有两种方式可供选择来连接视频文件。一种是直接在Web页面上提供视频文件的URL地址，当用户点击链接时，RealPlayer自动识别并实时连接进行播放；第二种方法是通过ActiveX控件方式在Web页面中嵌入RealPlayer对象，并通过DHTML为内嵌对象动态指定视频流URL，从而为视频播放提供了一个统一的友好界面。

前一种方法对于设计者来说相对比较简单，只需要提供视频文件的播放路径。RealPlayer的熟练用户，还可以通过自定义RealPlayer的播放方式、下载视觉插件、添加到收藏夹等方式进行视频管理。但这种方式也存在以下几点缺陷：

1、对于含有中文路径和中文名的视频文件，浏览器并不能很好支持，常常出现找不到文件等错误信息。

2、需要系统进行文件关联，如果文件关联出错，浏览器将无所适从。

3、对终端用户来说，往往希望看到统一的播放界面，而不是弹出式播放。

通过Web嵌入式视频流管理，可以把用户端的操作请求减少到最小（用户只需简单的安装RealPlayer播放器）。如果再辅以精心的美工设计，还可以按照设计者的意愿定制出精美大方的播放界面。

【基本概念】

在进行设计之前，我们先来了解一些相关的基本概念。

1、<object>、<embed>标签

<object>是Microsoft在IE4.0之后推出的，用来替代<embed>标签的对象定义标签(IE仍然支持<embed>)，通过classid属性定义相应的对象类型。<embed>标签是Netscape浏览器支持的对象定义标签。如果开发者需要同时获得IE和NetScape两种浏览器用户的支持，最好使用<embed>标签。

2、定义ram文件

ram格式文件同rm文件一样，也是RealPlayer所支持的视频文件压缩格式，所不同的是ram文件可以仅简单的包括视频文件的URL地址。也就是说，ram文件可以为简单的文本格式，每一行定义一个视频文件的URL地址。

测试时发现，嵌入式RealPlayer在播放视频文件时，一般采用把视频文件整个下载到本地然后进行播放。这对于较大的视频文件来说，速度让人难以忍受。解决这个问题的方法，一是把视频文件简单的分割成大小适中的小文件分段播放（由于 REAL 公司对 RM 格式的实行“封闭管理”，所以 RM 到目前为止还不能像 MPEG 等视频文件一样用视频软件自由的编辑）；另外一种就是采用ram文件。RealPlayer简单的下载文本格式的ram文件，然后取出其中的真实地址，然后自动连接到网络进行实时的点对点播放。其缺点是增加了服务器负担。

类似的，Microsoft Media Player采用asx格式来定义asf文件。

3、DHTML

DHTML是Dynamic HTML的缩写，DHTML通过传统的HTML语言，利用CSS（Cascading Style Sheets，即样式表），并依靠javascript使一向静止不变的页面得以“动”起来。 Netscape 4.0和IE 4.0/5.0版本支持DHTML，DHTML是一种完全“客户端”技术，直接通过WEB页面实现页面与用户之间的交互性。DHTML的优秀之处在于增强了Web页面的功能，在Web页面直接建立动画、游戏和应用软件等等，提供了浏览站点的全新方式，与Java、Flash等技术不同的是，用DHTML编制的页面不需要插件的支持就能完整的实现。

【设计过程】

下面以IE6.0为例，说明一个嵌入式WEB视频点播系统的实现方法。(在此主要写与实现有关的代码)

private void PlayVod(string StrUrl)
{
//判断扩展名
string StrProName;

int LastNum=StrUrl .LastIndexOf(".");
StrProName=StrUrl.Substring(LastNum );

switch (StrProName )
{
case ".rmvb":
case ".rm":
//定义播放界面
LitPlay.Text="<object width='100%' height='380' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'> ";
LitPlay.Text+="<param name='CONTROLS' value='ImageWindow'> ";
LitPlay.Text+="<param name='CONSOLE' value='Video'>";
LitPlay.Text+="<param name='CENTER' value='TRUE'>";
LitPlay.Text+="<param name='MAINTAINSPECT' value='TRUE'> ";
LitPlay.Text+="</object>";

//定义状态栏
LitPlay.Text+="<object width='100%' height='30' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'> ";
LitPlay.Text+="<param name='CONTROLS' value='StatusBar'> ";
LitPlay.Text+="<param name='CONSOLE' value='Video'> ";
LitPlay.Text+="</object>";

//定义控制面板
LitPlay.Text+="<object width='100%' height='30' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'> ";
LitPlay.Text+="<param name='CONTROLS' value='ControlPanel'> ";
LitPlay.Text+="<param name='CONSOLE' value='Video'> ";
LitPlay.Text+="<param name='SRC' value='"+StrUrl+"'> ";
LitPlay.Text+="<param name='AUTOSTART' value='TRUE'> ";
LitPlay.Text+="<param name='PREFETCH' value='0'> ";
LitPlay.Text+="<param name='LOOP' value='0'> ";
LitPlay.Text+="<param name='NUMLOOP' value='0'> ";
LitPlay.Text+="</object>";

break;
case ".wmv":
//调用MediaPlayer播放器，在此省略相关代码
break;
}

其中，CONTROLS参数用来指定播放器的控件外观，可以用多个控件进行组合，并通过CONSOLE参数进行关联。

有关param参数，读者可以参阅RealPlayer官方网站http://service.real.com/help/library/guides/production/htmfiles/control.htm。

这里的SRC参数尤为重要，用来指定视频流文件的URL地址。

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