Flash CS6 课件制作案例教学经典教程第8章

1、精品资源共享课 第八章第八章 Flash Flash 声音与视频课件声音与视频课件 精品资源共享课 本章主要内容本章主要内容 导入声音文件导入声音文件编辑声音文件编辑声音文件 从从flash项目中项目中 播放外部视频播放外部视频 创建和使用提示创建和使用提示 点点 在在flash中嵌入中嵌入 视频视频 精品资源共享课 知识点知识点 导入声音将声音 添加到时间轴向 按钮添加声音将 声音与动画同步 导出声音 mp3压缩选项导 出 Flash 文档声音 的准则创建在 Flash中使用的视 频 ActionScript 控制 外部视频播放使用 Adobe Flash Media Server 流式加载

2、视 频 在 Flash 文件内嵌 入视频使用时间轴 控制视频播放导出 QuickTime 视频文件 视频导入向导视 频格式和Adobe FLV 和 F4V 视频 的提示Adobe Media Encoder 向Flash 添加视频 声音和 ActionScript使 用视频提示点 精品资源共享课 8.18.1预览完成的课件并开始制作预览完成的课件并开始制作 本章案例是对古诗词进行学习的一个课件，其中主要讲授了加载外部的视频 文件，总共有四个视频，分别对应每个诗人的诗，还有一个片头。其中还在里面 加入了音频并对音频进行了修改，压缩，当单击古筝时就会出现短暂的古筝音频 效果。Flash的动画制作需

3、要大量的音视频文件进行各种效果的渲染。所以本章 的内容对Flash的学习非常重要。 精品资源共享课 8.18.1预览完成的课件并开始制作预览完成的课件并开始制作 8.1.2 预览课件 操作步骤如下： 1. 鼠标移动到古筝按钮实例上，会有放大效果，单击“古筝” 按钮实例，将有一段古筝播放的声音。 2. 单击各个诗人的图像，右上角将播放有关诗人诗句的短片， 并且在播放的时候可以根据播放器下面的按钮对视频进行播放、暂 停、和对声音大小的调节。 3. 双击Lesson08/08Start文件夹中的08Start.fla文件，打开 初始的文件。 4. 选择“文件”“另存为”。把文件命名为“08Demo.

4、fla”, 并把它保存在08Start文件夹中。保存工作副本可以确保当想重新开 始时，可以使用原始起始文件。 精品资源共享课 8.2 8.2 了解项目文件了解项目文件 Start文件中只是完成了一些初始的设置，随后将在项目中添加 音频、视频和一些相应的ActionScript代码以达到播放的效果。舞台 的大小设置为1000*700像素。背景图像是一副古画可以和古诗词这个 主题更好的融合，下面是三个图片元件实例（已经对其添加了相应代 码），每个图片都是古代诗人的图像，此处的古筝是一个按钮实例， 稍后将对其添加音频，最左边的是动画的标题（如图8.3所示）。 精品资源共享课 8.2 8.2 了解项目

5、文件了解项目文件 时间轴上包含了多个图层，并且每个图层都有命名，根据命名可 以知道每个图层所包含的内容，在进行编辑的时候可以适当的对不需 要用到的图层进行上锁，以便不会影响到后来的操作，此处要注意的 是两个标签图层中包含许多带标签的关键帧。在动作图层中将添加 ActionScript代码，将为底部的一系列的图片元件实例提供处理的程 序代码（如图8.4所示）。 精品资源共享课 8.3 8.3 使用声音使用声音 Flash中支持多种类型的音频文件的导入，例如WAV（ 仅限 Windows）、AIFF（仅限 Macintosh）、 MP3（ Windows 或 Macintosh），在向flash导

6、入音频文件时 ，文件会自动储存在库中，使用音频的方法比较简单， 只需要将音频拖动时间轴上需要使用的位置即可，不过 要注意在拖动之前必须先创建关键帧，不然将达不到所 需要的效果。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.1 导入声音文件 1.选择“文件”“导入”“导入到库”。 2.选择Lesson08/08Start文件夹下的“古筝 十面埋伏.wav”文 件，单击“打开”按钮。 此时“古筝 十面埋伏.wav”文件将出现在库面板中，单击带有 声音图片的“古筝 十面埋伏.wav”文件，预览图上会显示声音的波 形图。右击选择“播放”命令可以对音乐进行播放。 右击“古筝 十面埋伏.wa

7、v”文件选择“属性”命令可以了解音 频的属性，其中包括它的源位置、文件大小、和各个属性。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.2 把声音放在“时间轴“上 1. 声音可以放置在时间轴上的任意位置，不过前提是必须有放 置音频所需的关键帧，放置好声音后只需要“播放”动画就可以听见 音乐了。下面来介绍如何在时间轴中加入音频。 2. 双击舞台上的古筝按钮实例进入到元件编辑界面进行编辑。 3. 将鼠标在声音图层“按下”处单击，打开库面板在里面拖出 音频文件“古筝 十面埋伏.wav”到舞台上（如图8.5所示）。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.2 把声音放在“

8、时间轴“上 4. 里面有两个图层，我们将在声音图层添 加音频。测试影片时，鼠标移动到古筝图片上 ，图片会变大，单击图片会有音乐播放。（如 图8.6所示）。 5. 拖动声音图层上“点击”下面的关键帧 到大约第45帧处，此时会看到时间轴上出现了 一条波纹，这表示音频添加成功了（如图8.7所 示）。 6.点击声音波纹上的任意一帧，注意“属 性”检查器中“声音” 选项下面的下拉菜单（ 如图8.8所示）。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.2 把声音放在“时间轴“上 7. 在“同步”选项中选择“事件”。(“ 同步”选项决定了在“时间轴”上以哪种方式 播放声音：事件，开始，停止，数

9、据流）此处 选择“事件”同步的原因是我们要达到在测试 影片的时候点击古筝图片按钮会有声音出现。 （如图8.9所示）。 8. 选择“控制”“测试影片”“在 Flash professional中”。 单击“古筝”图片按钮会有音乐播放。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.3 剪去声音的尾部 利用“编辑封套”对音频进行调节，以便达到想要的时间长短，然 后设置一种淡入淡出的效果，使得声音在播放的时候逐渐减弱。 操作步骤如下： 1. 选择声音图层上声音波 纹的任意一帧，在“属性”检 查器中单击“编辑封套”按钮 。（“效果”后的笔状按钮） （如图8.10所示）。 精品资源共享课 8

10、.3 8.3 使用声音使用声音 8.3.3 剪去声音的尾部 此时将显示“编辑封套” 对话框，其中显示了声音的波 形。上面和下面的波形分别是 声音（立体声）的左、右声道 。“时间轴”位于两个波形之 间，左上角是预设效果的下拉 菜单，视图选项位于底部（如 图8.11所示）。 精品资源共享课 8.3 8.3 使用声音使用声音 操作步骤如下： 2. 在对话框中单击右下角的“帧”图 标按钮。 这时候时间轴将以帧数作为显示单位 （可以通过单击“秒”图标进行切换），并 且可以单击“放大”，“缩小”按钮对帧数 进行调节。 3. 通过单击“缩小”与“放大”图标 ，查看音频长度并进行编辑（如图8.12所示 ），此

11、处我们将长度设置为大约40帧处（如 图8.13所示）。 4. 单击“确定”按钮，现在查看时间 轴上的波形图在40帧左右就结束了(如图 8.14所示)。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.4 更改音量 在听音乐的时候时常会听到音乐的淡入、淡出效果，这样听起来会 更加优雅，此处的音乐是从中间截断的，以至于听的时候是突然中断的 ，接下来将通过“编辑封套”对话框对其进行处理，达到淡入淡出的效 果。 操作步骤如下： 1. 选择声音图层上声音波纹的任意一帧，在“属性” 检查器中单击“编辑封套”按钮。（“效果”后的笔状按 钮）。 2. 单击右下角的放大图标，对波形放大。 3. 在大约

12、20帧的时候单击上面波形上面的水平线，此 时会出现一个小的方框（这个方框就是用于调节声音的音 量的，在左声道中从中心标尺到上面水平线上声音由小变 大，在右声道中从中心标尺到下面水平线上声音由大变小 ）（如图8.15所示）。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.4 更改音量 操作步骤如下： 4. 在尾部上面水平线上单击并将方 框拖到底部（如图8.16所示）。 5. 用此方法将下面的右声道声音设 置为相同，此处的对角线表示声音从大 约20帧开始减弱（如图8.16，8.17所示 ）。 6. 单击对话框左下角的“播放声音 ”按钮，测试声音编辑后的效果，确定 达到效果后，单击确定。

13、 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.5删除或更改声音文件 对于放置在时间轴上的声音文件， 可以随时通过“属性”检查器上的声音 选项进行更改。 操作步骤如下： 1. 选择声音图层上声音波纹的任 意一帧。 2. 在“属性”检查器中，选择声 音选项区域下的“名称”下拉菜单，试 着选择其中的不同选项，当选择“无” 选项时时间轴上将不会出现声音波纹， 此处在切换其它音乐之前设置的属性是 不会改变的（如图8.18所示）。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.6设置声音的品质 导入到flash中的声音文件在编译 成swf文件可以设置其品质，以至于达到 理想的输出

14、效果。此处可以用到“发布 设置”选项，用来设置声音的品质和压 缩选项。 1. 选择“文件”“发布设置”， 此时将显示“发布设置”对话框，我门 将在里面通过音频流选项设置声音的品 质和压缩（如图8.19所示）。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.6设置声音的品质 2. 在“发布设置”对话框中，选 择“发布”下面的“Flash(.swf)”选项 ，然后单击“音频流”选项后面的数据 ，将进入到“声音设置”对话框（如图 8.20所示）。 3. 在“声音设置”对话框中把“ 比特率”增大到64kbit/s，并且取消选 中“将立体声转换为单声”复选框。然 后单击“确定”按钮应用这些设

15、置（如 图8.21所示）。 精品资源共享课 8.3 8.3 使用声音使用声音 8.3.6设置声音的品质 4. 单击“音频事件”后面的数据。 5. 在弹出的“声音设置”对话框中把“比特率”、设为64kbit/s，并 取消选中“将立体声转换为单声”复选框。然后单击“确定”按钮（如图 8.22所示）。 比特率是以“kbit/s”为单位的度量，它决定了最终导出的flash的影 片编辑中的声音的品质。比特率越高品质越好，不过相应的文件会变大。 6. 选中“覆盖声音设置”复选框，然后单击“确定”按钮应用设置。 7. 选择“控制”“测试影片”“在Flash Professional中”。 此时保存了声音的立

16、体声效果，并且品质是由“发布设置”对话框中 的设置决定的。 精品资源共享课 8.48.4回放外部文件回放外部文件 这一节将学习到如何使用flash的外部文件，实现在时间轴上不同 的标签关键帧处播放每个古诗阅读视频，这些视频都是从外部导入。 把视频放在外部，可以使falsh项目文件保持较小，并且可以单独进行 编辑。 1. 在视频图层中选取标记为 “lqz”那一列的关键帧。 2. 选择“文件”“导入”“导入 视频”。 将弹出“导入视频”对话框，在对 话框中我们将根据向导一步一步地向 Flash CS6中添加视频（如图8.23所示） 。 精品资源共享课 8.48.4回放外部文件回放外部文件 3. 在

17、“导入视频”向导中选择“在 您的计算机上”,并单击“浏览”按钮。 4. 在出现的对话框中。从 Lesson08/08Start文件夹中选择“李清照 .flv”，并单击“打开”按钮。将出现视 频路径(如图8.24所示)。 5. 选择“使用播放组件加载外部视 频”选项。然后单击“下一步”或 Continue按钮。 6. 在“导入视频”向导的下一个屏 幕中，可以选择外观或者视频的界面控制 。从“外观”菜单中选择从顶部起的第三 个选项（可以根据自己喜好设置不同的外 观）（如图8.25所示）。 精品资源共享课 8.48.4回放外部文件回放外部文件 7. 选择颜色值(根据自己的喜爱调 整），适当的调整Al

18、pha值。然后单击“ 下一步”或“Continue”按钮。（如图 8.27所示） 8. 在“导入视频”向导的下一个屏 幕上，查看并检查视频的文件信息，然后 单击“完成”按钮。 9. 在“舞台”上将出现导入的视频 ，把视频置于“舞台”右边，根据舞台大 小适当调整播放组件的大小。 在“库”面板中将会出现 FLVPlayback组件，该组件是在“舞台” 上用于播放外部视频的一种特殊组件。 精品资源共享课 8.48.4回放外部文件回放外部文件 10. 单击视频外观上的播放按钮，预览视频。 如果视频上没有外观，仍然可以通过右击/按住ctrl键并单击视频，并且选择“ 播放”、“暂停”或“后退”选项，控制在

19、“舞台”上的回放。 11. 选择“控制”“测试影片”“在Flash Professonal中”。单击lqz_btn( 即李清照的画像）按钮将播放（如图8.28所示）。 按照此方法分别在视频图层ptvideo，mhr，lb标签那一列的关键帧上添加视频 “片头.flv，孟浩然.flv，李白.flv”。并且都是将视频放在右上角，保证其大小位 置合适。 精品资源共享课 8.58.5使用提示点使用提示点 提示点是视频在播放中，ActionScript可以检测到的特殊标记。 提示点有两种使用方式，第一，提示点可以触发一个ActionScript命 令，使视频与其它Flash元素同步；第二，可以在使Acti

20、onScript跳转 到视频特定的提示点。这两种类型的提示点都为视频添加了更多的功 能。 8.5.1 插入提示点 在片头视频中，将设置三个位置显示信息，分别在左边的卷轴片头中显示将要 朗诵的三首诗的名字与作者，当播放到每个提示点的时候，将出现每首诗对应的的 名字与诗人。 精品资源共享课 8.58.5使用提示点使用提示点 8.5.1 插入提示点插入提示点 1. 单击ptvideo标签在舞台上选择 FLVPlayback播放组件。（如图8.29所示 ）。 2. 此时在“属性”检查器中选择“ 提示点”区域，单击上方的加号按钮，此 时就添加了一个提示点，双击提示点名称 重命名为“lqzcue”设置时间

21、点为1秒（ 如图8.30所示）。 3.按照以上方法依次再添加两个提 示点分别命名为“mhrcue”，“lbcue” 时间点分别设置为2秒和3秒（如图8.31和 8.32所示）。 如果要删除提示点，只需要在“属 性”检查器中选取提示点名称，然后单击 “提示点”选项下面的减号按钮就可以了 。 精品资源共享课 8.58.5使用提示点使用提示点 8.5.2检测和响应提示点检测和响应提示点 现在，将添加ActionScript来检测提示 点并对其进行响应。在此处可以用到“代码 片段”面板，里面有很多的编码片段可以进 行使用，其中就有用到的提示点编码。 1. 单击ptvideo标签关键帧，并在“舞 台”上

22、选择片头视频，在属性检查器中命名 实例名称为“ptvideo”（如图8.33所示） 。 2. 选择“窗口”“代码片断”命令， 打开“代码片断”面板。 3.展开“音频和视频”文件夹，并双击 “On Cue Point事件” (如图8.34所示)。 精品资源共享课 8.58.5使用提示点使用提示点 这将自动跳转到“动作”面板，并且添加了所需的代码，用来检测所选视频上 的提示点（如图8.35所示）。 4. 现在添加必要的代码语句，用来检查遇到那个提示点，并且做出相应的响 应：（8.36如图所示） 精品资源共享课 8.58.5使用提示点使用提示点 最终的代码将检查它检测到的每个提示点的名称，如果存在匹

23、配，播放头就会转到 “时间轴”上具有特定名称的关键帧。 stop(); import fl.video.MetadataEvent; ptvideo.addEventListener(MetadataEvent.CUE_POINT, fl_CuePointHandler); function fl_CuePointHandler(event:MetadataEvent):void if (=lqzcue) gotoAndStop(b1); if (=mhrcue) gotoAndStop(b2); if (.nam

24、e=lbcue) gotoAndStop(b3); 精品资源共享课 时间轴上已经包含了几个命名的关 键帧。在这些关键帧中，将放置其它的 flash元素，它们将作为视频中的提示点 被检测。 1. 在标签图层中选择名为“b1” 的关键帧。 2. 从“库”面板中把名为“文字 1”的元件拖到舞台上，并把它放在视频 附近。当播放头移动到b1关键帧的时候 ，将显示诗人的名字和诗名（如图8.37 所示）。 3. 按照上面的方法，分别在b2关 键帧处和b3关键帧处把“文字2”和“文 字3”元件拖到舞台上（如图8.38所示） 。 4. 选择“控制”“测试影片 ”“在Flash Professonal中”。 在播

25、放视频的时候，视频左边会依 次出现相应的flash元素。 8.58.5使用提示点使用提示点 8.5.3添加同步的Flash元素 精品资源共享课 8.6 8.6 嵌入视频嵌入视频 8.6.1 在“时间轴”上嵌入Flv 1. 选择视频图层的第一帧。 2. 选择“文件”“导入”“导入视频”。在“导入视频”向导中，选择“在您的计算机上”，并单 击“浏览”按钮。在出现的对话框中，从Lesson08/08Start文件夹中选择“片头.flv”，并单击“打开” 按 钮（如图8.39所示）。 3. 在“导入视频”对话框中，选择“在SWF中嵌入FLV并且在时间轴中播放”选项，然后单击“下一步 ”或Contibue按钮（如图8.40所示）。 4. 在弹出的嵌入对话框中，取消选中“如果需要，可扩展时间轴”和“包括音频”这两个复选框，然 后单击“下一步”或Continue按钮（如图8.41）。 5. 单击“完成”按钮，导入视频。调整视频在舞台上的位置与大小。 6. 选择“控制”“测试影片”“在Flash Professonal中”。查看视频从第一帧播放到64帧。 精品资源共享课 8.6