多媒体课件中Flash动画的播放进度控制条的制作

多媒体课件中Flash动画的播放进度控制条的制作/ 摘要:在多媒体课件制作工具中,用Flash制作课件的优势逐渐显现出来,使用Flash动画中的播放进度控制条可以自由控制视频或动画的播放进度,这样既方便教学,又节省了时间。本文主要介绍了Flash动画进度控制条的制作方法和步骤。Abstract:Inthemultimediacoursewareauthoringtools,theadvantageofFlashinproducingmultimediacoursewarehasbecomemoreandmoreapparent.Teacherscanfreelycontroltheprogressofvideooranimationbyusingtheplayerprogresscontrolbar.ThispapermainlyintroducesthemethodandstepsforproducingtheplayerprogresscontrolbarofFlashanimation.关键词:多媒体课件;Flash动画;播放进度控制条Keywords:multimediacourseware;flashanimation;playerprogresscontrolbar0引言随着多媒体及计算机技术的日趋成熟和普及,多媒体技术以具有的独特优势在教学中扮演着越来越重要的角色,也越来越受到老师和学生的青睐1。所谓多媒体课件,就是利用数字处理技术和视听技术,以计算机为中心,按照教师的教学设计,将文字、图形、图像、声音、动画、视频等多种媒体信息集成在一起,以实现对教学内容的存储、传递、加工、转换和检索的一种现代化教学手段2。实验心理学家赤瑞特拉曾经做过两个著名的实验,从这两个实验得出结论,若能在课堂教学过程中积极调动学生的多重感官,不仅有利于知识的获取,而且有利于知识的保持。随着现代科技的发展,集文本、声音、图形、图像、动画等于一体的多媒体技术作为教学工具,能够使学生接受形象、直观、生动的信息而全方位地吸引学生注意,提高学生学习的兴趣,从而起到事半功倍的效果3。所以,我们就需要在多媒体课件制作中适当的增加一些声音、视频或动画来丰富内容。Flash是一种交互性能强大的创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。随着教育信息化的发展和教育教学方式的转变,课件的使用越来越受重视4。我们在网上看到的很多Flash动画或视频,发现他们的播放器都带有播放进度控制条,在播放的时候可以拖动控制条,从而能够快速的浏览动画的大概内容,或者跳转到相应的帧,让观看者觉得很方便。那么,能否在制作Flash动画的时候就加上这个控制条呢?下面就为大家介绍动画进度控制条的制作方法,希望能给大家带来帮助和启发5。1创建我们所要使用到的元件1.1创建“开始”、“暂停”、“停止”三个按钮元件启动Flash8,新建Flash文档。选择菜单栏的“窗口公用库按钮”,在打开的“库-按钮”面板中选择“classicbuttonsplayback”,把gelRight,gelPause,gelStop,这三个按钮拖放到“库”面板中。1.2创建“滑块”元件在菜单栏中选择“插入新建元件”创建“滑块”影片剪辑。在“创建新元件”窗口的“名称”项中输入“滑块”二字,“类型”项选择“影片剪辑”点击确定。使用“工具栏”中的“椭圆工具”,同时关闭“颜色”中的“笔触颜色”,选择“填充色”下方的绿色球形渐变色,并且激活“选项”中的“对象绘制”,在“绘制区”创建一个宽高为1818的“球形”,然后使用“对齐”命令,在“相对于舞台”开启的状态下左对齐、顶对齐。1.3创建“进度”元件在菜单栏中选择“插入新建元件”创建“进度”影片剪辑,使用创建“滑块”的方法在“绘制区”创建一个宽高为3004的灰色“长方形”作为“进度条”,然后使用“对齐”命令,在“相对于舞台”开启的状态下左对齐、顶对齐。1.4创建“动画”元件同样在菜单栏中选择“插入新建元件”创建“动画”影片剪辑,影片剪辑创建完成后,选择菜单栏中的“文件导入导入到舞台”,在“导入”窗口中选择要导入的视频文件并点击下一步,在“部署”项中选择“在SWF中嵌入视频并在时间轴上播放”点击下一步直至完成。2创建完整的播放进度控制条,将单个元件进行整合便于后期的制作2.1整合前期制作完成的单个元件,创建完整播放条选择菜单栏中的“插入新建元件”创建“完整播放条”影片剪辑。将Flash软件面板右侧“库”中的“开始、暂停、停止”按钮元件及“进度、滑块”元件同时选择拖放到“绘制区”,并将它们依次摆放到相应位置。2.2为前期制作完成的单个元件起名称,方便后期“按钮”及“滑块”代码的编写我们需要给每一个元件起一个名称。使用鼠标选择“开始”按钮,进入Flash软件面板下方的“属性”面板中,在“实例名称”栏里填上“ks_btn”,同上所示选择其它元件分别给它们起名为“zt_btn”、“tz_btn”、“hk_mc”、“jdt_mc”。flash播放器官方下载2.3在前期制作完成后,我们就可以为“完整播放条”影片剪辑创建“代码”层了点击“插入图层”创建一个新图层起名为“代码”,在“代码”层上为这些“元件”编写代码。这样制作的好处是可以很方便的编写和修改多个元件的代码。3在“场景”中导入动画、导入完整播放条及制作播放器的边框3.1在“场景”中创建“播放条”、“动画”、“装饰框”三个图层进入“场景”,点击“插入图层”再创建两个新图层,从上往下分别起名为“播放条”、“动画”、“装饰框”。3.2在“场景”中导入“动画”影片剪辑选择“动画”图层,将“库”文件中的“动画”影片剪辑拖动到“绘制区”放置到适当位置,并进入Flash软件面板下方的“属性”面板中,在“实例名称”栏里填上“yp_mc”。3.3在“场景”中制作播放器边框选择“装饰框”图层,使用“工具栏”中的“矩形工具”,同时关闭“颜色”中的“笔触颜色”,选择“填充色”中的黑色,在“绘制区”创建一个黑色矩形(宽、高值由导入动画的宽高值而定)。3.4在“场景”中导入“完整播放条”影片剪辑选择“播放条”图层,将“库”文件中的“完整播放条”影片剪辑拖动到“绘制区”放置到上图所在位置。我们所要用到的元素就整合完成了,下面开始来为按钮及滑块编写代码。4使用Flash中的“动作”为按钮及滑块编写代码,使滑块与当前动画帧同步鼠标双击“库”文件中的“完整播放条”影片剪辑,进入“完整播放条”影片剪辑面板,选择“代码”图层,打开面板下方的“动作”窗口,在编写代码区域输入如下代码:ks_btn.onRelease=function()_parent.yp_mc.play();/“开始按钮”控制代码tz_btn.onRelease=function()_parent.yp_mc.gotoAndStop(1);/“停止按钮”控制代码zt_btn.onRelease=function()_parent.yp_mc.stop();/“暂停按钮”控制代码vartd:Boolean=true;/设置的布尔变量varhkgd:Number=jdt_mc._y-(hk_mc._height-jdt_mc._height)/2;/滑块的顶端和底端坐标varhkz:Number=jdt_mc._x;/滑块的左边坐标varhky:Number=jdt_mc._x+jdt_mc._width-hk_mc._width;/滑块的右边坐标varjdtzc:Number=jdt_mc._width-hk_mc._width;/进度条的总长度或滑块的活动范围hk_mc.onPress=function()td=false;startDrag(this,false,hkz,hkgd,hky,hkgd);/滑块的拖动hk_mc.onRelease=function()td=true;stopDrag();/滑块的停止拖动hk_mc.onReleaseOutside=function()td=true;stopDrag();onEnterFrame=function()if(td)hk_mc._x=jdt_mc._x+jdtzc*_parent.yp_mc._currentframe/_parent.yp_mc._totalframes;/计算滑块当前位置,公式:滑块的当前位置=进度条的总长*当前影片播放头位置/影片总帧else_parent.yp_mc.gotoAndPlay(int(_parent.yp_mc._totalframes*(hk_mc._x-jdt_mc._x)/jdtzc);/计算当前播放头的当前帧,公式:当前帧=影片总帧*滑块当前位置/进度条总长度;/滑块随影片滑动,重复执行语句下面我们再将整个制作思路连贯一下。首先我们需要创建所要使用到的“开始按钮”、“暂停按钮”、“停止按钮”的元件,播放进度控制条的“进度”、“滑块”的元件,及动画或者视频的“动画”元件;其次创建“完整播放条”影片剪辑,将单个元件进行整合;然后整合动画、完整播放条及制作播放器的边框;最后再使用Flash中的“动作”为按钮及滑块编写代码,通过编写代码将滑块与当前动画帧同步。整个播放进度控制的制作完成了,点击“测试影片”观看效果。在播放动画时滑块随着动画的播放而移动,当我们使用鼠标移动滑块时,影片又随着滑块的移动而变化。在动画播放时我们还可以使用开始、暂停、停止按钮随时控制播放的状态。从以上例子可以看出播放进度控制条具有很好的随时随地的控制功能。可以广泛的应用于我们的多媒体教学,在我们的多媒体课件中可以随时控制动画及视频的播放,这样既可以快速的浏览动画的大概内容并巩固主要内容的学习,又节省了时间。参考文献:1赵占林.用Flash制作CAI课件的优势J.山西焦煤科技,2008,(01).2张辉.课件制作新利器