《项目4 给动画插入声音与视频.ppt》由会员分享，可在线阅读，更多相关《项目4 给动画插入声音与视频.ppt（47页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、项目5给动画插入声音与视频教学目标声音的导入与声音属性设置给动画配音用AS3.0加载与控制声音用AS3.0加载与控制视频Flash动画的优化方法Flash动画的导出及发布设置任务1 给动画配音案例效果 本案例学习：本案例学习：本案例学习：本案例学习：为动画配音的方法；江雪背景动画的制作；诗句内容动画的制作；背景音乐的添加及诗歌朗诵声音的添加；诗词与声音及场景动画的同步。案例分析 声音是多媒体动画中不可缺少的重要组成部分，给动画配音可以使动画更加生动形象，使动画更赋有动感、节奏感和表现力。该案例中既有背景音乐的使用，也有声音与动画的同步播放，以及对声音的控制。背景音乐一般使用事件声音，动画与声音
2、同步一般使用数据流声音。相关知识1.Flash支持的声音文件支持的声音文件WAV格式:是PC标准声音格式，它直接保存了声音的原始数据，因此音质较好，但其数据容量相对较大，不适合在网上传播。MP3格式：是一种有损压缩的声音格式，因此该声音格式声音体积小、音质好，适合在网上传输。2.帧上加载声音帧上加载声音 为了使Flash动画播放到特定帧或某个动作时出现某种指定的音效，可以在该帧或动作所在帧添加声音。相关知识【例5-1】新建一Flash文档，将“明天你好.mp3”导入到库中，并将该声音拖到舞台的第一帧上，测试效果。【例5-2】新建一Flash文档，将“明天你好.mp3”导入到库中，并将该声音拖到
3、舞台的第20帧至200帧。相关知识3.按钮上加载声音按钮上加载声音 在Flash动画中，经常单击或指向按钮时会有声音，因为可以给按钮的不同状态添加声音，下面给库中的按钮的按下帧添加声音。相关知识4.加载外部声音加载外部声音 使用Sound类加载外部声音文件的使用步骤如下：（1）导入导入Sound类。类。import flash.media.Sound;（2）使用构造函数使用构造函数 new Sound()来创建来创建Sound对象。对象。var my_sound:Sound=new Sound();（3）加载外部加载外部mp3音乐文件音乐文件。my_sound.load(new URLRequ
4、est(mp3音乐文件名);（4）使用使用play()方法开始播放音乐。方法开始播放音乐。my_sound.play();相关知识【例5-3】新建一Flash文档，利用脚本加载素材文件夹中的声音“明天你好.mp3”。脚本如下：脚本如下：脚本如下：脚本如下：相关知识5.设置声音属性设置声音属性（1）设置声音同步事件：事件：事件：事件：该模式为默认模式，选择该模式可以 使声音与事件的发生同步开始。开始：开始：开始：开始：声音一旦开始，将一直播放完，不会因为动画的停止而停止播放，也不会重复触发。停止：停止：停止：停止：用于停止播放所选定的声音。数据流：数据流：数据流：数据流：声音设置为数据流，则会使
5、声音与动画同步，动画停止则播放的声音也停止。相关知识5.设置声音属性设置声音属性（2）设置声音的重复次数及循环无：无：无：无：不使用任何效果。左声道：左声道：左声道：左声道：只在左声道播放声音。右声道：右声道：右声道：右声道：只在右声道播放声音。向右淡出：向右淡出：向右淡出：向右淡出：声音从左声道传到右声道，并逐渐减小声音的幅度。向左淡出：向左淡出：向左淡出：向左淡出：声音从右声道传到左声道，并逐渐减小声音的幅度。淡入：淡入：淡入：淡入：声音从小逐渐增加其幅度（增大）。自定义：自定义：自定义：自定义：用于编辑声音效果。（3）设置声音效果相关知识5.设置声音属性设置声音属性（3）设置声音效果自定
6、义：自定义：自定义：自定义：用于编辑声音效果。“编辑封套编辑封套”对话框对话框相关知识【例5-4】打开素材文件夹中的“摇篮曲.fla”，编辑背景音乐。相关知识6.压缩声音文件压缩声音文件Flash文件中导入的声音文件一般都比较大，为了使Flash文件更好地在网络上传播，因此在导出前需要对声音文件进行压缩以减小Flash动画文件的大小。ADPCMADPCM：导出的是按钮这类短事件声音。MP3MP3：导出歌曲类等较长的音频文件。原始：原始：原始：原始：导出的声音没有进行任何压缩。语音：语音：语音：语音：适合于语音的压缩方式导出声音文件。案例实现1.创建创建“江雪江雪”的动画场景的动画场景制作背景制
7、作背景1动画动画制作背景制作背景2动画动画制作背景制作背景3动画动画制作人物动画制作人物动画案例实现2.添加背景音乐和朗诵音乐添加背景音乐和朗诵音乐 （1）在“背景1”图层下面新建“背景音乐”图层在背景音乐图层导入背景音乐“古典音乐.mp3”，并在“声音”属性面板中的“同步”下拉列表中选择“事件”。（2）在人物图层上面新建“朗诵”图层，添加“江南朗诵.mp3”音乐，并在“声音”属性面板中的“同步”下拉列表中选择“数据流”。案例实现3.创建诗词动画创建诗词动画 根据“江南朗诵.mp3”的朗诵声音添加诗词。案例拓展 “江雪.fla”中的诗词朗诵添加诗词遮罩效果，使诗词显示动画与声音同步。任务2 声
8、音的控制案例效果 本案例学习：本案例学习：本案例学习：本案例学习：单击播放按钮播放声音；单击停止按钮停止声音，再次单击播放按钮从头播放声音；单击暂停按钮暂停声音播放，再次单击播放按钮接着声音暂停的位置播放。案例分析 本任务主要采用ActionScript 3.0脚本来完成对声音的控制，首先创建Sound类加载声音，然后创建SoundChannel对象，运用该对象的play()、stop()方法控制声音的播放与停止。相关知识1.Sound类类 Sound类主要用于把声音加载到Flash中并播放，可以利用Sound类播放库中的声音、本地硬盘中的声音及网络中的声音。相关知识 【例5-5】加载D：盘根
9、目录下面的声音文件“致青春.mp3”。方法方法方法方法1 1：加载库中声音：加载库中声音：加载库中声音：加载库中声音（1）将“致青春.mp3”导入到库中，并给库中的声音取类名，右击声音“致青春.mp3”，选择“属性”。（2）在场景中的第一帧输入脚本。var mysound:Sound=new ZhiqinChun();mysound.play();相关知识方法方法方法方法2 2：加载外部声音：加载外部声音：加载外部声音：加载外部声音var mysound:Sound=new Sound();/创建声音对象mysoundvar myURL:URLRequest=new URLRequest(D:
10、致青春.mp3);/创建myURL对象mysound=new Sound(myURL);/mysound指向致青春.mp3 mysound.play();/播放声音相关知识2.SoundChannel类类 要控制声音的左右声道和播放位置就要借助于SoundChannel类。相关知识2.SoundChannel类类（1）单个声音的控制 【例5-6】打开“爱情贺卡.fla”，单击“播放”按钮播放库中的声音，单击“停止”按钮停止声音播放，单击“暂停”按钮暂停声音播放。脚本如下：脚本如下：脚本如下：脚本如下：相关知识2.SoundChannel类类（2）多个声音的控制 可以创建SoundChannel
11、类的多个实例，并且把特定声音指定到待定的SoundChannel实例中。相关知识 【例5-7】打开“两首歌的控制.fla”，测试影片时同时播放两个声音，单击“停止歌1”按钮，停止“仰望星空.mp3”，单击“停止歌2”按钮，停止“小星星.mp3”。脚本如下：脚本如下：脚本如下：脚本如下：相关知识【例5-8】打开“点歌台.fla”，设计一个点歌台，该点歌台具有以下功能：（1）单击“01 爱一点”按钮，播放外部文件“爱一点.mp3”；（2）单击“02 小星星”按钮，播放外部文件“小星星.mp3”；（3）单击“03 仰望星空”按钮，播放外部文件“仰望星空.mp3”。脚本如下：脚本如下：脚本如下：脚本如
12、下：相关知识3.SoundTransform类类 soundTransform类主要是用来控制音量，其重要的一个属性即是volume，该属性用于获得设定的音量大小，此属性的值介于01之间，0为静音。案例实现1.设置播放、停止、暂停按钮实例对象名称分别为设置播放、停止、暂停按钮实例对象名称分别为play_btn、stop_btn、pause_btn。2.将背景音乐将背景音乐“古典音乐古典音乐.mp3”可以拖至可以拖至“背景音乐背景音乐”图层，为图层，为“江雪朗诵江雪朗诵.mp3”设置类名设置类名Jiagxue。3.在在AS图层的第图层的第1帧输入脚本：帧输入脚本：stop();var wz:Nu
13、mber=0;var mysound:Sound=new Jiangxue();var mychl:SoundChannel=new SoundChannel();/播放按钮 play_btn.addEventListener(MouseEvent.CLICK,playf);function playf(event:MouseEvent):void play();mychl=mysound.play(wz);案例实现4.继续输入脚本：继续输入脚本：/为停止按钮添加脚本stop_btn.addEventListener(MouseEvent.CLICK,stopf);function stopf
14、(event:MouseEvent):void stop();mychl.stop();wz=0;/为暂停按钮添加脚本pause_btn.addEventListener(MouseEvent.CLICK,pausef);function pausef(event:MouseEvent):void stop();wz=mychl.position;mychl.stop();案例拓展 打开“江雪声音控制拓展.fla”，添加静音 、调整音量 、全部静音 功能：任务3 给动画插入视频案例效果 本案例学习：本案例学习：本案例学习：本案例学习：视频的加载；视频的控制；完成Flash视频播放器。案例分析
15、FLV格式以其文件小巧、画面清晰、转换方便、且支持边下载边播放（真正的流文件）而受到广大用户的青睐。本任务主要采用将FLV格式的视频文件导入并嵌入在时间轴上，然后通过脚本来控制视频的播放、停止、暂停、前进与后退。相关知识1.可插入的视频可插入的视频格式格式 在Flash CS5中，导入的外部视频需转换成FLV格式的文件，如果Flash安装时安装了Flash视频编码器（Flash Video Encoder），则导入外部视频时可以启动Flash视频编码器将导入的视频文件转换为FLV格式的文件。2.导入视频文件导入视频文件 选择要导入视频文件，选择“文件/导入/导入视频”命令，按向导完成视频导入。
16、相关知识 【例5-9】新建Flash文件，导入“素材”文件夹中的视频文件“广告.flv”。方法方法方法方法1 1：以回放组件导入视频，自带了播放器控制按钮，而且播放器外观可以选择。方法方法方法方法2 2：导入视频并嵌入在时间轴上播放，不带播放器控制按钮，需要编写脚本控制。相关知识3.用脚本加载和控制外部视频文件用脚本加载和控制外部视频文件 在ActionScript3.0中，可以通过创建NetStream类、NetConnection类和Video类的对象，来加载和播放外部的视频文件。因此在控制之前要先导入上述类。import .NetStream;import .NetConnection;
17、import flash.media.Video;相关知识 【例5-10】利用AS3.0脚本加载“素材”文件夹下的“广告.flv”，保存为“脚本加载视频.fla”。（1）新建一个基于ActionStript3.0脚本的Flash文档，以“脚本加载视频.fla”为名保存在跟“广告.flv”在同一文件夹中。在图层1的第1帧输入脚本，导入NetStream类、NetConnection类和Video类。import .NetStream;import .NetConnection;import flash.media.Video;（2）创建一个NetConnection类的对象实例，用于连接Flas
18、h视频服务器。var nc:NetConnection=new NetConnection();nc.connect(null);相关知识（3）创建一个NetStream类的对象实例。var stream:NetStream=new NetStream(nc);stream.addEventListener(AsyncErrorEvent.ASYNC_ERROR,asyncErrorHandler);function asyncErrorHandler(event:AsyncErrorEvent):void/忽略错误（4）创建一个Video类的对象实例。var video:Video=new
19、Video();video.attachNetStream(stream);addChild(video);相关知识（5）通过NetStream对象的play()方法，根据传递的参数载入指定的Flash视频并播放。stream.play(广告.flv)；（6）设置视频对象的x,y属性。video.x=100;video.y=100;案例实现在在AS图层的第图层的第1帧输入脚本：帧输入脚本：stop();/为播放按钮添加脚本play_btn.addEventListener(MouseEvent.CLICK,playf);function playf(event:MouseEvent):void
20、play();/为停止按钮添加脚本stop_btn.addEventListener(MouseEvent.CLICK,stopf);function stopf(event:MouseEvent):voidgotoAndStop(1);脚本如下：脚本如下：脚本如下：脚本如下：案例实现/为暂停按钮添加pause_btn.addEventListener(MouseEvent.CLICK,pausef);function pausef(event:MouseEvent):voidstop();/为后退按钮添加脚本prev_btn.addEventListener(MouseEvent.CLICK,prevf);function prevf(event:MouseEvent):voidprevFrame();脚本如下：脚本如下：脚本如下：脚本如下：案例实现/为前进按钮添加脚本next_btn.addEventListener(MouseEvent.CLICK,nextf);function nextf(event:MouseEvent):voidnextFrame();脚本如下：脚本如下：脚本如下：脚本如下：案例拓展 制作“迷你播放器.fla”：