第6单元流媒体及行为的应用

6流媒体及行为的应用目录流媒体的应用1行为的应用2单元同步练习36.1流媒体的应用•目标在日常应用中，常见的流媒体的应用主要有：视频点播(VOD)、视频广播、视频监视、视频会议、远程教学、交互式游戏等。本节主要介绍如何在页面中嵌入音频、视频文件或Flash动画，以及如何对页面播放的音频、视频文件进行控制。6.1.2在页面中添加视频我们可以通过不同方式和使用不同格式将视频添加到Web页面。1．通过“ActiveX”控件在页面中嵌入视频剪辑本例主要针对页面插入REAL播放器及其常用参数的设置来分析使用ActiveX控件在页面中添加视频剪辑。介绍主要参数：●名称：指定用来标识ActiveX对象以进行脚本撰写的名称。在“属性”面板最左侧的未标记文本框中输入名称。（本例可不进行设置）●宽：以像素为单位指定对象的宽度。●高：以像素为单位指定对象的高度。6.1.2在页面中添加视频●ClassID：为浏览器标识出ActiveX控件。可以直接输入值或从下拉列表中选择值。●嵌入：为该ActiveX控件在object标签内添加上一个embed标签。●对齐：确定对象在页面上的对齐方式。●参数：打开一个对话框，在其中可输入传递给ActiveX对象的附加参数（后面的学习将会分析常用的具体参数设置）。许多ActiveX控件都受到特殊参数的控制。6.1.2在页面中添加视频●源文件：定义如果启用了“嵌入”选项，将要用于NetscapeNavigator插件的数据文件。●基址：指定包含该ActiveX控件的URL。如果访问者的系统中尚未安装要显示的ActiveX控件时，则InternetExplorer从这里设置的URL地址下载该控件。●替代图像：指定在浏览器不支持object标签时，要显示的替代图像。只有在取消对“嵌入”选项的选择后此选项才可用。●数据：为要加载的ActiveX控件指定数据文件。许多ActiveX控件（例如Shockwave和RealPlayer）不使用此参数。6.1.2在页面中添加视频以下标示RealPlayer网页播放器常用参数及含义。●Src属性：用于指定播放的文件或是源文件的地址，可以是任何合法的相对或是绝对的URL。●Controls属性：其作用是可以让你指定那些控制是可见的，其参数值可设置为ImageWindow，PlavButton，PlayOnlyButton，PauseButton,StopButton，FFCtrl，RWCtrl，MuteCtrl，MuteVolume，VolumeSlider，PositionSlider,TACCtrl，HomeCtrl，InfoVolumePanel，InfoPanel，StatusBar，StatusField，PositionField。●Autostart属性：设置是否自动播放指定的源文件，其值有true或False。6.1.2在页面中添加视频●Console属性：任何字符串作用，可以将各种不同的RealPlayer控制聚集在网页上，这样它们可以交互使用或是保持独立，而且互相不影响。●Backgroundcolor属性：设置背景色，如：#000000。●Prefetch属性：指定在播放前，RealPlayer是否可以获得流描述信息，其值有True或False（默认值）。●Nolabels属性：可以禁止显示标题或是版权信息，其值有True或是False。●Center属性：指定片断使用初始编码大小播放，并且在图像窗口的中央，其值有True或False。●Maintainaspect属性：默认RealPlayer拉伸所有的片断来充满整个图像窗口，其值有True或False。6.1.2在页面中添加视频2．插入“APPLET”控件Applet是一种能够直接嵌入到网页中，并由支持Java的Web浏览器来解释执行，专门用Java语言编写的一种动态、安全、跨平台的网络应用程序。在JavaApplet中，可以实现图形绘制，字体和颜色控制，动画和声音的插入，人机交互及网络交流等功能。要插入applet，必须准备相应的class文件。6.1.2在页面中添加视频（1）在“文档”窗口中，将插入点放在要插入Applet的地方。（2）在插入工具栏中选择“常用媒体Applet”，插入Applet（3）在出现的对话框中，选择编译好的Java文件bookflip.class（4）如有需要，可以设置class文件中的参数。（5）保存文件，预览。6.1.2在页面中添加视频3．通过“插件”在页面中嵌入视频剪辑将插件内容插入到页面中，可以直接在页面中播放视频剪辑。（1）在文档窗口中定位要插入视频剪辑文件的位置。（2）在插入栏中选择“常用媒体插件”，打开选择视频剪辑文件的对话框。（3）在弹出的“选择文件”对话框中选择要插入的视频剪辑文件，或在属性面板“源文件”中连接到视频剪辑文件。（4）单击属性面板“参数．．．”按钮。可以设置播放器参数的各种属性值。6.1.2在页面中添加视频●Hidden：true、False隐藏/显示播放面板，默认值为False。●Autostart：true、False设置是否自动播放。●Loop：设置循环播放方式。6.1.3网页中flash的应用1．在网页中插入Flash动画在网页中插入Flash动画与插入GIF动画的方法不同，需要使用对象面板中的插入Flash按钮。（1）在文档窗口中定位要插入Flash动画的位置。（2）单击插入面板上的插入Flash按钮，打开选择Flash动画文件的对话框。（3）在对话框中选择Flash动画文件（*.swf），单击选择按钮，此时在插入点位置出现Flash动画占位符。6.1.3网页中flash的应用（4）选择“窗口”“属性”，打开属性面板。选择页面中的Flash动画，单击属性面板上的播放按钮，就可以在页面窗口中预览Flash动画效果，单击停止按钮停止预览。也可以按F12键在浏览器中预览。6.1.3网页中flash的应用2．使用Flash按钮在Dreamweaver中提供了直接制作Flash按钮的工具，这样的按钮文件比较小。（1）在“文档”窗口中，将插入点放置在要插入Flash按钮的位置。（2）在“常用”工具栏上，选择“媒体”“Flash按钮”。（3）在对话框中选择按钮的样式，在“按钮文本”中输入在按钮上显示的文字。“链接”中输入本按钮所要跳转到页面的URL。（4）将按钮的样式设置好后，单击“确定”按钮，除了页面上将显示你制作好的按钮外，在站点目录中也有一个Flash文件。6.1.3网页中flash的应用3．插入Flash元素Flash元素使您可以快速、方便地使用预置元素构建丰富的Internet应用程序，同时它自带有可自定义的参数，通过修改这些参数可以执行不同的应用程序功能。（1）在“文档”窗口中，将插入点放置在您要插入Flash元素的位置。（2）选择插入工具栏上的“Flash元素”“图像查看器”。（3）在出现“保存Flash元素”对话框中，为Flash元素输入一个文件名，然后将它保存到站点中的适当位置。6.1.3网页中flash的应用（4）单击“确定”按钮，Flash元素占位符即出现在文档中。您可以使用标签和属性检查器来修改Flash元素的属性。（5）相关的Flash元素属性如下：•BgColor：设置图像播放背景色。•CaptionColor：每张图片标题文字的颜色。•CaptionSize：每张图片标题文字的大小。•FrameColor：边框的颜色。•FrameShow：是否显示框架。•FrameThickness：设置整个框架的边框的厚度。6.1.3网页中flash的应用•ImageCaptions：每张图片的标题。•ImageLinks：每张图片的链接地址。•ImageLinkTarget：每张图片打开的目标文件方式。•ImageURLS：每张图片的地址。•ShowControls：是否显示工具条。•SlideAutoPlay：是否自动播放图片。•SlideDelay：设置图片切换的时间，数值越小越快。•SlideLoop：是否循环播放。•Title：标题。•TransitionsType：设置图片切换的方式，其中Random随机播放方式。AVI播放•embedsrc=phei.aviwidth=400height=300autostart=trueloop=true/embedRmvb和Rm格式的播放•OBJECTID=video1CLASSID=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFAHEIGHT=288WIDTH=352•paramname=_ExtentXvalue=9313•paramname=_ExtentYvalue=7620•paramname=AUTOSTARTvalue=1•paramname=SHUFFLEvalue=0•paramname=PREFETCHvalue=0•paramname=NOLABELSvalue=0•paramname=SRCvalue=tesezy.rmvb;•paramname=CONTROLSvalue=ImageWindow•paramname=CONSOLEvalue=Clip1•paramname=LOOPvalue=0•paramname=NUMLOOPvalue=0•paramname=CENTERvalue=0•paramname=MAINTAINASPECTvalue=0•paramname=BACKGROUNDCOLORvalue=#000000embedSRCtype=audio/x-pn-realaudio-pluginCONSOLE=Clip1CONTROLS=ImageWindowHEIGHT=288WIDTH=352AUTOSTART=false•/OBJECTMpg格式播放•objectclassid=clsid:05589FA1-C356-11CE-BF01-00AA0055595Aid=ActiveMovie1width=239height=250align=left•paramname=Appearancevalue=0•paramname=AutoStartvalue=-1•paramname=AllowChangeDisplayModevalue=-1•paramname=AllowHideDisplayvalue=0•paramname=AllowHideControlsvalue=-1•paramname=AutoRewindvalue=-1•paramname=Balancevalue=0•paramname=CurrentPositionvalue=0•paramname=DisplayBackColorvalue=0•paramname=DisplayForeColorvalue=16777215•paramname=DisplayModevalue=0•paramname=Enabledvalue=-1•paramname=EnableContextMenuvalue=-1•paramname=EnablePositionControlsvalue=-1•paramname=EnableSelectionControlsvalue=0•paramname=EnableTrackervalue=-1•paramname=Filenamevalue=TEST.MPGvaluetype=ref•paramname=FullScreenModevalue=0•paramname=MovieWindowSizevalue=0•paramname=PlayCountvalue=1•paramname=Ratevalue=1