《多媒体技术与应用教程》第11章：在网站中使用多媒体(2)

其中“ id”是设置对象的标识，这个标示在这个页面中是唯一的 。“onclick”是设置对象被单击时所执行的脚本程序。11.4 在网站中播放视频文件? ? ?11.4.1 在FrontPage中播放视频文件 11.4.2 Dreamweaver中播放视频文件 11.4.3 视频点播平台的实现11.4.1 在FrontPage中播放视频文件嵌入视频文件 ?具体操作方法如下： ?(1) 单击【插入】|【Web组件】命令，在【插入Web 组件】对话框中选取【高级控件】选项，并在后面的控 件框中选取【插件】选项，单击【完成】按钮后，网页 中添加了一个标志。 ?(2) 在开启的【插件属性】对话框中右键【数据源】 文本框后的【浏览】按钮，在【选择软件数据源】文本 框中选取要播放的视频文件。选好视频文件后点击【打 开】按钮，打开【插件属性】对话框，在该对话框中可 设置软件的属性，如大小、布局等。 ?该过程和嵌入音频的过程类似，在此不再详细介绍。?111.4.1 在FrontPage中播放视频文件插入视频文件 ?在要插入视频的地方点击，设置插入点，选择【插 入】|【图片】|【视频】选项。打开【视频】对话框， 选择插入的视频，然后点击【确定】按钮。

切换到预 览方式，视频就自动播放了。?2.链接视频文件 ?选中要作为超链接的文字realplayer插件，单击常用软件栏的【超 链接】按钮，选择要链接的视频文件，然后点击【确 定】按钮，超链接就做好了。?3.11.4.2 Dreamweaver中播放视频文件通过超级链接实现 ?选中要链接的文字，在 Properties 卷展栏中的 Link 下 拉列表中选取要链接的视频文件。在预览时，单击超 级链接就能播放选择的视频文件。?1.使用RealMedia插件播放视频文件 ?当在IE中单击一个RealPlayer链接时，系统会手动启 动 RealPlayer 软件，不仅占用系统内存，而且在上网 时 RealPlayer 容易发生出错。解决这疑问的最好办法 就是将 RealPlayer 文件内嵌网页。只需安装一个 Real Networks专门为Dreamweaver开发的Real Media插件 即可。?2.11.4.2 Dreamweaver中播放视频文件?在网站中插入RM音频文件的详细操作如下：保存网站。在网页中插入任何 RealMedia 的控 件时，必须先保存网页，不然会出现图11.22所示的对 话框。 ?(2) 保存网页后，用键盘点击RealMedia Audio按钮 ， 打 开 Select File 对 话 框 。

一 般 来 说 ， 所 有 的 RealPlayer 支持的文件都可以插入其中，如 MP3 也可 以插入。 ?(3) 如果要插入 RealPlayer 的视频文件，在网站中 只能看到声音，却不见图像。这时可以设置Properties 卷展栏中的各项参数。RealMedia Audio各项参数设定 如图11.24所示，?(1)11.4.2 Dreamweaver中播放视频文件11.24?在RealMedia文本框中可以键入对应的名称，W栏和H栏就是长和高，它的默认属性是1×1。Src是播放文 件具体的地址，可以点击文件夹图标进行选取。如果 要让客户一开启这个页面，就能看到悦耳的音乐，可 以选中Auto-Start复选框。一般的音频文件播放时，会 出现Real Networks的商标，如果选中Hide Logo复选 框，那么商标就不再出现了。11.4.3 视频点播平台的推动?以 IE5.0为例介绍嵌入式 Web 视频点播平台的实现方式， 其中用到了个别PHP和JavaScript技术。 ?具体操作方法如下： ?(1) 插入RealPlayer ActiveX对象(如果要进行检测，需要 先安装RealPlayer播放器) ?假定以下代码包括在 video.php 文档中 ( 该文件将在主页面 中借助<iframe>进行链接)。

?<objectwidth="320" height="250" classid="clsid:CFCDAA03-8BE4-11cf-B84B0020AFBBCCFA"> ?<param name="CONTROLS" value="ImageWindow">11.4.3 视频点播平台的实现?<paramname="CONSOLE" value="Video"> ?<param name="CENTER" value="TRUE"> ?<param name="MAINTAINSPECT" value="TRUE"> ?</object> //定义播放界面 ?<object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B0020AFBBCCFA"> ?<param name="CONTROLS" value="StatusBar"> ?<param name="CONSOLE" value="Video"> ?</object> //定义状态栏 ?<object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B0020AFBBCCFA">11.4.3 视频点播平台的实现?<paramname="CONTROLS" value="ControlPanel"> ?<param name="CONSOLE" value="Video"> ?<param name="SRC" value="<?php echo getsrc(); ?>"> ? <param name="AUTOSTART" value="TRUE"> ?<param name="PREFETCH" value="0"> ?<param name="LOOP" value="0"> ?<param name="NUMLOOP" value="0"> ?</object> //定义控制面板?其中，CONTROLS参数用来指定播放器的控件外观，可以用多个控件进行组合，并借助CONSOLE参数进行关联。

11.4.3 视频点播平台的实现使用DHTML动态控制RealPlayer控件的播放 ?以下代码包括在主页面中： ?<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>?(2)11.4.3 视频点播平台的推动监测客户能否调试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】;?(3)11.4.3 视频点播系统的实现?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');11.4.3 视频点播平台的实现?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>11.5 上机指导?在网站中插入的多媒体元素非常多，可以按照自己的网页设计状况选取其中的一些插入网页中，来制作一个主页。

要在这个网页中插入背景音乐、静态图像和，则在 Dreamweaver中的详细操作方法如下： ?(1) 插入表格，并按照需要将表格进行拆分。 ?(2) 在表格中插入主页标志图片或者其它图像，包括静 态的和动态的。如图 11.27 和 11.28 所示是 gif 差异前后 的网页效果。11.5 上机指导11.2711.2811.5 上机指导在网站中插入音频文件作为网站背景音乐。 ?(4) 完善网页的其它部份，插入设计的其它内容。用 户可以使用热区以及行为等设定鼠标滑过时显示不同图 片的效果。 ?(5) 设置完成后受到的效果，如图11.29所示。?(3)11.5 上机指导11.2911.6 习题? 参见书p334页：一、选择题、 二、填空题、三、判 断改错题、四、简答题、五、操作题。Q & A? Thanks!

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-124252-2.html