流媒体及行为的应用

《流媒体及行为的应用》由会员分享，可在线阅读，更多相关《流媒体及行为的应用（39页珍藏版）》请在金锄头文库上搜索。

1、6 流媒体及行为的应用,目录,6.1 流媒体的应用,目标 在日常应用中，常见的流媒体的应用主要有：视频点播(VOD)、视频广播、视频监视、视频会议、远程教学、交互式游戏等。 本节主要介绍如何在页面中嵌入音频、视频文件或Flash动画，以及如何对页面播放的音频、视频文件进行控制。,6.1.2 在页面中添加视频,我们可以通过不同方式和使用不同格式将视频添加到Web页面。 1通过“Active X” 控件在页面中嵌入视频剪辑 本例主要针对页面插入REAL播放器及其常用参数的设置来分析使用Active X控件在页面中添加视频剪辑。介绍主要参数： 名称：指定用来标识 ActiveX 对象以进行脚本撰写

2、的名称。在“属性”面板最左侧的未标记文本 框中输入名称。（本例可不进行设置） 宽：以像素为单位指定对象的宽度。 高：以像素为单位指定对象的高度。,6.1.2 在页面中添加视频, ClassID：为浏览器标识出 ActiveX 控件。可以直接输入值或从下拉列表中选择值。 嵌入：为该 ActiveX 控件在 标签内添加上一个标签。 对齐：确定对象在页面上的对齐方式。 参数：打开一个对话框，在其中可输入传递给 ActiveX 对象的附加参数（后面的学习将会分析常用的具体参数设置）。许多 ActiveX 控件都受到特殊参数的控制。,6.1.2 在页面中添加视频, 源文件：定义如果启用了“嵌入”选项，将

3、要用于 Netscape Navigator 插件的数据文件。 基址：指定包含该 ActiveX 控件的 URL。如果访问者的系统中尚未安装要显示的 ActiveX 控件时，则 Internet Explorer 从这里设置的URL地址下载该控件。 替代图像：指定在浏览器不支持标签时，要显示的替代图像。只有在取消对“嵌入”选项的选择后此选项才可用。 数据：为要加载的 ActiveX 控件指定数据文件。许多 ActiveX 控件（例如 Shockwave 和 RealPlayer）不使用此参数。,6.1.2 在页面中添加视频,以下标示Real Player 网页播放器常用参数及含义。 Src 属

4、性：用于指定播放的文件或是源文件的地址，可以是任何合法的相对或是绝对的URL。 Controls属性：其作用是可以让你指定那些控制是可见的，其参数值可设置为ImageWindow，PlavButton，PlayOnlyButton， PauseButton,StopButton，FFCtrl，RWCtrl，MuteCtrl，MuteVolume，VolumeSlider，PositionSlider,TACCtrl，HomeCtrl，InfoVolumePanel，InfoPanel，StatusBar，StatusField，PositionField 。 Autostart属性：设置是否自

5、动播放指定的源文件，其值有true或False。,6.1.2 在页面中添加视频, Console 属性：任何字符串作用，可以将各种不同的RealPlayer控制聚集在网页上，这样它们可以交互使用或是保持独立，而且互相不影响。 Backgroundcolor属性：设置背景色，如：#000000。 Prefetch 属性：指定在播放前，RealPlayer是否可以获得流描述信息，其值有True或False（默认值）。 Nolabels 属性：可以禁止显示标题或是版权信息，其值有True或是False。 Center 属性：指定片断使用初始编码大小播放，并且在图像窗口的中央，其值有True或Fals

6、e。 Maintainaspect 属性：默认RealPlayer拉伸所有的片断来充满整个图像窗口，其值有True或False。,6.1.2 在页面中添加视频,2插入“APPLET”控件 Applet 是一种能够直接嵌入到网页中，并由支持Java的Web浏览器来解释执行，专门用Java语言编写的一种动态、安全、跨平台的网络应用程序。在Java Applet中，可以实现图形绘制，字体和颜色控制，动画和声音的插入，人机交互及网络交流等功能。 要插入applet，必须准备相应的class文件。,6.1.2 在页面中添加视频,（1）在“文档”窗口中，将插入点放在要插入Applet的地方。 （2）在插入

7、工具栏中选择“常用媒体Applet”，插入Applet （3）在出现的对话框中，选择编译好的Java文件bookflip.class （4）如有需要，可以设置class文件中的参数。 （5）保存文件，预览。,6.1.2 在页面中添加视频,3通过“插件”在页面中嵌入视频剪辑 将插件内容插入到页面中，可以直接在页面中播放视频剪辑。 （1）在文档窗口中定位要插入视频剪辑文件的位置。 （2）在插入栏中选择“常用媒体插件”，打开选择视频剪辑文件的对话框。 （3）在弹出的“选择文件”对话框中选择要插入的视频剪辑文件，或在属性面板“源文件”中连接到视频剪辑文件 。 （4）单击属性面板“参数”按钮。可以设置播

8、放器参数的各种属性值。,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），单击选择按钮，此时在插入

9、点位置出现Flash动画占位符。,6.1.3 网页中flash的应用,（4）选择“窗口”“属性”，打开属性面板。选择页面中的Flash动画，单击属性面板上的播放按钮，就可以在页面窗口中预览Flash动画效果，单击停止按钮停止预览。也可以按F12键在浏览器中预览。,6.1.3 网页中flash的应用,2使用Flash按钮 在Dreamweaver中提供了直接制作Flash按钮的工具，这样的按钮文件比较小。 （1）在“文档”窗口中，将插入点放置在要插入Flash按钮的位置。 （2）在“常用”工具栏上，选择“媒体”“Flash按钮” 。 （3）在对话框中选择按钮的样式，在“按钮文本”中输入在按钮上显

10、示的文字。“链接”中输入本按钮所要跳转到页面的URL。 （4）将按钮的样式设置好后，单击“确定”按钮，除了页面上将显示你制作好的按钮外，在站点目录中也有一个Flash文件。,6.1.3 网页中flash的应用,3插入Flash元素 Flash 元素使您可以快速、方便地使用预置元素构建丰富的 Internet 应用程序，同时它自带有可自定义的参数，通过修改这些参数可以执行不同的应用程序功能。 （1）在“文档”窗口中，将插入点放置在您要插入 Flash 元素的位置。 （2）选择插入工具栏上的“Flash元素”“图像查看器”。 （3）在出现“保存 Flash 元素”对话框中，为 Flash 元素输入

11、一个文件名，然后将它保存到站点中的适当位置。,6.1.3 网页中flash的应用,（4）单击“确定”按钮，Flash 元素占位符即出现在文档中。您可以使用标签和属性检查器来修改 Flash 元素的属性 。 （5）相关的Flash 元素属性如下： BgColor：设置图像播放背景色。 CaptionColor：每张图片标题文字的颜色。 CaptionSize：每张图片标题文字的大小。 FrameColor：边框的颜色。 FrameShow：是否显示框架。 FrameThickness：设置整个框架的边框的厚度。,6.1.3 网页中flash的应用,ImageCaptions：每张图片的标题。 I

12、mageLinks：每张图片的链接地址。 ImageLinkTarget：每张图片打开的目标文件方式。 ImageURLS：每张图片的地址。 ShowControls：是否显示工具条。 SlideAutoPlay：是否自动播放图片。 SlideDelay：设置图片切换的时间，数值越小越快。 SlideLoop：是否循环播放。 Title：标题。 TransitionsType：设置图片切换的方式，其中Random随机播放方式。,AVI播放,Rmvb和Rm格式的播放,Mpg格式播放,Wmv和Wma格式的播放,Asf播放器,插入Applet,6.1.4 归纳与思考,流媒体指在数据网络上按时间先后次

13、序传输和播放的连续音/视频数据流。与传统的播放方式不同，流媒体在播放前并不下载整个文件，只将部分内容缓存，使流媒体数据流边传送边播放，这样可以节省了下载等待时间和存储空间。,6.1.6进一步学习的内容,Dreamweaver允许添加任何类型的多媒体扩展、插件程序、Applet或控件，用户只需利用属性检查器进行修改。 1Windows Media Player 网页播放器的参数含义 2实现网页中透明Flash效果 选择Flash对象，设置属性面板上 Flash 文件的参数 参数：wmode 值：transparent,6.2 行为的应用,Dreamweaver 提供了“行为” 技术，通过“行为”

14、 技术能够在网页中自动生成 JavaScript 代码，可以实现很多动态效果和交互功能，比如打开浏览器窗口、播放声音或停止播放Shockwave电影等。此外Dreamweaver将所生成的代码自动和相应的事件相联系，比如移动鼠标、单击鼠标等。,6.2 行为的应用,目标： 通过本节的学习，你将掌握如何用Dreamweaver中提供的行为技术来制作一些复杂的网页。,6.2.2 行为的基础知识,行为是事件和动作的组合。,行为面板,6.2.2 行为的基础知识,2常用事件介绍 （1）鼠标类 onClick：鼠标单击时触发该事件。 onDblClick：鼠标双击时触发该事件。 onMouseDown：鼠标

15、单击时触发该事件。 onMouseMove：鼠标在指定对象上移动时触发该事 件。 onMouseOut：鼠标离开指定对象时触发该事件。 onMouseOver：鼠标刚开始指向指定对象时触发该事件。 onMouseUp：释放鼠标时触发该事件。,6.2.2 行为的基础知识,（2）键盘类 onKeyDown：按下任意键时触发该事件。 onKeyPress：按下并释放任意键时触发该事件。 onKeyUp：按下键后释放时触发该事件。 （3）其它类型 onLoad：图像或页面载入完成时触发该事件。 onUnload：离开页面时触发该事件。 onScroll：上下拖动浏览器窗口的滚动条时触发该事件。 onR

16、esize：重调浏览器窗口或框架大小时触发该事件。 onChange：更改页面上的值时触发该事件。 onError：载入页面或图像期间出错时触发该事件。 onFocus：选中指定对象时触发该事件。 onBlur：取消选中对象时触发该事件。,6.2.3 使用行为,1交换图像和恢复交换图像 和设置轮换图像的效果是一样的。 2弹出信息 当想在别人打开你的网站时首先显示一个提示信息，那么就可以使用行为中的“弹出信息”来制作。 3打开浏览器窗口 当我们在制作课件时，往往喜欢通过点击按钮直接打开一个新的窗口查看演示结果，而新窗口的大小和各种属性的设置可按页面的需求来设置。或者是当页面载入时可以同时打开一个新的浏览器窗口来显示另一个页面。,6.2.3 使用行为,4播放声音 使用行为中的“播放声音”不但可以设置网页中的背景音乐，还可以设置鼠标经过图像或者链接上面时显示的声音。 5显示弹出式菜单 相对于使用“显示”“隐藏层”来制作弹