第九章 多媒体网页制作.ppt

《第九章 多媒体网页制作.ppt》由会员分享，可在线阅读，更多相关《第九章 多媒体网页制作.ppt（13页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第九章第九章 多媒体网页制作多媒体网页制作 内容简介：内容简介：内容简介：内容简介：本章介绍如何在网页中嵌入音频、视频本章介绍如何在网页中嵌入音频、视频本章介绍如何在网页中嵌入音频、视频本章介绍如何在网页中嵌入音频、视频 文件文件文件文件和和和和FlashFlash动画。同时介绍使用动画。同时介绍使用动画。同时介绍使用动画。同时介绍使用DreamweaverDreamweaver MX MX的行为来的行为来的行为来的行为来控制声音播放的方法。控制声音播放的方法。控制声音播放的方法。控制声音播放的方法。学习目标：学习目标：学习目标：学习目标：1.1.熟练掌握向网页中嵌入音频、视频文件和熟练掌握向

2、网页中嵌入音频、视频文件和熟练掌握向网页中嵌入音频、视频文件和熟练掌握向网页中嵌入音频、视频文件和FlashFlash动画的方动画的方动画的方动画的方法；法；法；法；2.2.掌握通过行为控制声音播放的方法；掌握通过行为控制声音播放的方法；掌握通过行为控制声音播放的方法；掌握通过行为控制声音播放的方法；3.3.了解声音、视频和了解声音、视频和了解声音、视频和了解声音、视频和FlashFlash动画的基本知识。动画的基本知识。动画的基本知识。动画的基本知识。多媒体网页是指在网页中添加了声音、视频和多媒体网页是指在网页中添加了声音、视频和多媒体网页是指在网页中添加了声音、视频和多媒体网页是指在网页中

3、添加了声音、视频和FlashFlash电电电电影等多媒体内容的页面。影等多媒体内容的页面。影等多媒体内容的页面。影等多媒体内容的页面。9 91 1 为网页添加声音为网页添加声音为网页添加声音为网页添加声音 常见的声音文件的格式有：常见的声音文件的格式有：常见的声音文件的格式有：常见的声音文件的格式有：WAVWAV格式、格式、格式、格式、MIDMID格式和格式和格式和格式和MP3MP3格式。格式。格式。格式。WAVWAV格式文件：声音品质很高的一种声音文件，但文件格式文件：声音品质很高的一种声音文件，但文件格式文件：声音品质很高的一种声音文件，但文件格式文件：声音品质很高的一种声音文件，但文件量

4、较大，在网上播放时要受到一定限制。量较大，在网上播放时要受到一定限制。量较大，在网上播放时要受到一定限制。量较大，在网上播放时要受到一定限制。MIDMID格式文件：是由电子乐器产生的，文件量小，品质格式文件：是由电子乐器产生的，文件量小，品质格式文件：是由电子乐器产生的，文件量小，品质格式文件：是由电子乐器产生的，文件量小，品质很好。很好。很好。很好。MP3MP3格式文件：是压缩比很大的文件，音质也很好；它格式文件：是压缩比很大的文件，音质也很好；它格式文件：是压缩比很大的文件，音质也很好；它格式文件：是压缩比很大的文件，音质也很好；它的播放采用流的方式，文件边下载边播放，节约了等待的播放采用

5、流的方式，文件边下载边播放，节约了等待的播放采用流的方式，文件边下载边播放，节约了等待的播放采用流的方式，文件边下载边播放，节约了等待时间，很适合网上播放，但需要浏览器有相应的插件或时间，很适合网上播放，但需要浏览器有相应的插件或时间，很适合网上播放，但需要浏览器有相应的插件或时间，很适合网上播放，但需要浏览器有相应的插件或播放器。如：播放器。如：播放器。如：播放器。如：Windows Media PlayerWindows Media Player。9.1.1 9.1.1 音乐点播和插件播放音乐点播和插件播放音乐点播和插件播放音乐点播和插件播放 实例实例实例实例1 1 在网页中实现音乐的点播

6、和插件播放在网页中实现音乐的点播和插件播放在网页中实现音乐的点播和插件播放在网页中实现音乐的点播和插件播放设计点播音乐：设计点播音乐：设计点播音乐：设计点播音乐：新建文件新建文件新建文件新建文件9_1_1.htm9_1_1.htm，输入文本，选中该，输入文本，选中该，输入文本，选中该，输入文本，选中该文本，在属性检查器的文本，在属性检查器的文本，在属性检查器的文本，在属性检查器的“链接链接链接链接”栏中输入所要链接的音栏中输入所要链接的音栏中输入所要链接的音栏中输入所要链接的音乐名称，完成点播音乐链接的设计。乐名称，完成点播音乐链接的设计。乐名称，完成点播音乐链接的设计。乐名称，完成点播音乐链

7、接的设计。设计插件播放音乐：新建文件设计插件播放音乐：新建文件设计插件播放音乐：新建文件设计插件播放音乐：新建文件9_1_2.htm9_1_2.htm，单击，单击，单击，单击“插入插入插入插入”“媒体媒体媒体媒体”选项卡中的选项卡中的选项卡中的选项卡中的“插件插件插件插件”按钮，选定播放文件；选按钮，选定播放文件；选按钮，选定播放文件；选按钮，选定播放文件；选定插件图标，在属性检查器中设定插件的宽度为定插件图标，在属性检查器中设定插件的宽度为定插件图标，在属性检查器中设定插件的宽度为定插件图标，在属性检查器中设定插件的宽度为300300，高，高，高，高度为度为度为度为4545，这样设定的目的是

8、为了在页面上显示播放器的，这样设定的目的是为了在页面上显示播放器的，这样设定的目的是为了在页面上显示播放器的，这样设定的目的是为了在页面上显示播放器的进程控制面板；默认为自动播放，即进程控制面板；默认为自动播放，即进程控制面板；默认为自动播放，即进程控制面板；默认为自动播放，即autostartautostart属性植为属性植为属性植为属性植为truetrue。9.1.2 9.1.2 通过行为控制声音播放通过行为控制声音播放通过行为控制声音播放通过行为控制声音播放 实例实例实例实例2 2 定义行为控制播放声音定义行为控制播放声音定义行为控制播放声音定义行为控制播放声音 新建文件新建文件新建文件

9、新建文件9_2.htm9_2.htm，如图所示，如图所示，如图所示，如图所示为文字连接为文字连接为文字连接为文字连接“按钮音效按钮音效按钮音效按钮音效”添加行为：选中文字添加行为：选中文字添加行为：选中文字添加行为：选中文字“掌声掌声掌声掌声”，打开行为面板菜单选择，打开行为面板菜单选择，打开行为面板菜单选择，打开行为面板菜单选择“播放声音播放声音播放声音播放声音”，在弹出的播放，在弹出的播放，在弹出的播放，在弹出的播放声音对话框中选择声音文件声音对话框中选择声音文件声音对话框中选择声音文件声音对话框中选择声音文件applause.wavapplause.wav文件，对应的事文件，对应的事文件

10、，对应的事文件，对应的事件是件是件是件是onclickonclick。同样方法，文字。同样方法，文字。同样方法，文字。同样方法，文字“爆炸声爆炸声爆炸声爆炸声”和和和和“激光声激光声激光声激光声”对应播放文件分别为对应播放文件分别为对应播放文件分别为对应播放文件分别为explode.wavexplode.wav和和和和laser.wavlaser.wav。选中图象，用添加行为方法播放声音文件选中图象，用添加行为方法播放声音文件选中图象，用添加行为方法播放声音文件选中图象，用添加行为方法播放声音文件canyon.midcanyon.mid；再选中此图象，添加行为交换图象，当对应的事件是再选中此图

11、象，添加行为交换图象，当对应的事件是再选中此图象，添加行为交换图象，当对应的事件是再选中此图象，添加行为交换图象，当对应的事件是onclickonclick时，同时播放声音文件和交换图象。时，同时播放声音文件和交换图象。时，同时播放声音文件和交换图象。时，同时播放声音文件和交换图象。9.2 9.2 播放视频播放视频播放视频播放视频 常用的视频格式有：常用的视频格式有：常用的视频格式有：常用的视频格式有：AVIAVI、MPEGMPEG和和和和ASFASF格式。格式。格式。格式。AVIAVI格式：具有非常高的品质，但文件量较大。格式：具有非常高的品质，但文件量较大。格式：具有非常高的品质，但文件量

12、较大。格式：具有非常高的品质，但文件量较大。MPEGMPEG格式：是格式：是格式：是格式：是VCDVCD采用的格式，文件量较小，但效果不采用的格式，文件量较小，但效果不采用的格式，文件量较小，但效果不采用的格式，文件量较小，但效果不如如如如AVIAVI格式。格式。格式。格式。ASFASF格式：是一种可以直接在网上观看视频节目的文件压格式：是一种可以直接在网上观看视频节目的文件压格式：是一种可以直接在网上观看视频节目的文件压格式：是一种可以直接在网上观看视频节目的文件压缩格式，文件量很小，图象质量也较高，是目前网上应用缩格式，文件量很小，图象质量也较高，是目前网上应用缩格式，文件量很小，图象质量

13、也较高，是目前网上应用缩格式，文件量很小，图象质量也较高，是目前网上应用较多的视频格式。较多的视频格式。较多的视频格式。较多的视频格式。实例实例实例实例3 3 制作一个播放视频文件的页面制作一个播放视频文件的页面制作一个播放视频文件的页面制作一个播放视频文件的页面 新建网页文件，向网页的中插入插件，插入视频文件，适新建网页文件，向网页的中插入插件，插入视频文件，适新建网页文件，向网页的中插入插件，插入视频文件，适新建网页文件，向网页的中插入插件，插入视频文件，适当调整大小。当调整大小。当调整大小。当调整大小。9.3 9.3 插入插入插入插入FlashFlash动画动画动画动画 在网上播放的在网

14、上播放的在网上播放的在网上播放的FlashFlash电影是电影是电影是电影是swfswf格式的。格式的。格式的。格式的。SwfSwf格式是经过格式是经过格式是经过格式是经过压缩优化的一种视频格式，压缩优化的一种视频格式，压缩优化的一种视频格式，压缩优化的一种视频格式，具有较高的品质和丰富的动具有较高的品质和丰富的动具有较高的品质和丰富的动具有较高的品质和丰富的动画效果，文件量较小，适合画效果，文件量较小，适合画效果，文件量较小，适合画效果，文件量较小，适合在网上播放。在网上播放。在网上播放。在网上播放。实例实例实例实例4 4 在页面上创建在页面上创建在页面上创建在页面上创建FlashFlash按钮和按钮和按钮和按钮和FlashFlash文本。文本。文本。文本。实例实例实例实例5 5 在页面中插入在页面中插入在页面中插入在页面中插入FlashFlash电影。电影。电影。电影。插入插入Flash