多媒体课件中Flash动画的播放进度控制条的制作
更新时间：12-03-01 09:07
热度：1052
　　摘要:在多媒体课件制作工具中,用的优势逐渐显现出来,使用中的播放进度控制条可以自由控制视频或动画的播放进度,这样既方便教学,又节省了时间。本文主要介绍了Flash动画进度控制条的制作方法和步骤。
　　Abstract:Inthemultimediacoursewareauthoringtools,theadvantageofFlashinproducingmultimediacoursewarehasbecomemoreandmoreapparent.Teacherscanfreelycontroltheprogressofvideooranimationbyusingtheplayerprogresscontrolbar.ThispapermainlyintroducesthemethodandstepsforproducingtheplayerprogresscontrolbarofFlashanimation.
　　关键词:多媒体课件;Flash动画;播放进度控制条
　　Keywords:playerprogresscontrolbar
　　随着多媒体及计算机技术的日趋成熟和普及,多媒体技术以具有的独特优势在教学中扮演着越来越重要的角色,也越来越受到老师和学生的青睐[1]。所谓多媒体课件,就是利用数字处理技术和视听技术,以计算机为中心,按照教师的教学设计,将文字、图形、图像、声音、动画、视频等多种媒体信息集成在一起,以实现对教学内容的存储、传递、加工、转换和检索的一种现代化教学手段[2]。实验心理学家赤瑞特拉曾经做过两个著名的实验,从这两个实验得出结论,若能在课堂教学过程中积极调动学生的多重感官,不仅有利于知识的获取,而且有利于知识的保持。随着现代科技的发展,集文本、声音、图形、图像、动画等于一体的多媒体技术作为教学工具,能够使学生接受形象、直观、生动的信息而全方位地吸引学生注意,提高学生学习的兴趣,从而起到事半功倍的效果[3]。所以,我们就需要在多媒体课件制作中适当的增加一些声音、视频或动画来丰富内容。
　　Flash是一种交互性能强大的创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。随着教育信息化的发展和教育教学方式的转变,课件的使用越来越受重视[4]。我们在网上看到的很多Flash动画或视频,发现他们的播放器都带有播放进度控制条,在播放的时候可以拖动控制条,从而能够快速的浏览动画的大概内容,或者跳转到相应的帧,让观看者觉得很方便。那么,能否在制作Flash动画的时候就加上这个控制条呢?下面就为大家介绍动画进度控制条的制作方法,希望能给大家带来帮助和启发[5]。
　　1创建我们所要使用到的元件
　　1.1创建“开始”、“暂停”、“停止”三个按钮元件启动Flash8,新建Flash文档。选择菜单栏的“窗口→公用库→按钮”,在打开的“库-按钮”面板中选择“classicbuttons→playback”,把gelRight,gelPause,gelStop,这三个按钮拖放到“库”面板中。
　　1.2创建“滑块”元件在菜单栏中选择“插入→新建元件”创建“滑块”影片剪辑。在“创建新元件”窗口的“名称”项中输入“滑块”二字,“类型”项选择“影片剪辑”点击确定。使用“工具栏”中的“椭圆工具”,同时关闭“颜色”中的“笔触颜色”,选择“填充色”下方的绿色球形渐变色,并且激活“选项”中的“对象绘制”,在“绘制区”创建一个宽高为18×18的“球形”,然后使用“对齐”命令,在“相对于舞台”开启的状态下左对齐、顶对齐。
　　1.3创建“进度”元件在菜单栏中选择“插入→新建元件”创建“进度”影片剪辑,使用创建“滑块”的方法在“绘制区”创建一个宽高为300×4的灰色“长方形”作为“进度条”,然后使用“对齐”命令,在“相对于舞台”开启的状态下左对齐、顶对齐。
　　1.4创建“动画”元件同样在菜单栏中选择“插入→新建元件”创建“动画”影片剪辑,影片剪辑创建完成后,选择菜单栏中的“文件→导入→导入到舞台”,在“导入”窗口中选择要导入的视频文件并点击下一步,在“部署”项中选择“在SWF中嵌入视频并在时间轴上播放”点击下一步直至完成。
　　2创建完整的播放进度控制条,将单个元件进行整合便于后期的制作
　　2.1整合前期制作完成的单个元件,创建完整播放条选择菜单栏中的“插入→新建元件”创建“完整播放条”影片剪辑。将Flash软件面板右侧“库”中的“开始、暂停、停止”按钮元件及“进度、滑块”元件同时选择拖放到“绘制区”,并将它们依次摆放到相应位置。
　　2.2为前期制作完成的单个元件起名称,方便后期“按钮”及“滑块”代码的编写我们需要给每一个元件起一个名称。使用鼠标选择“开始”按钮,进入Flash软件面板下方的“属性”面板中,在“实例名称”栏里填上“ks_btn”,同上所示选择其它元件分别给它们起名为“zt_btn”、“tz_btn”、“hk_mc”、“jdt_mc”。　　
　　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=
　　//设置的布尔变量
　　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._
　　//滑块的右边坐标
　　varjdtzc:Number=jdt_mc._width-hk_mc._
　　//进度条的总长度或滑块的活动范围
　　hk_mc.onPress=function(){
　　startDrag(this,false,hkz,hkgd,hky,hkgd);
　　//滑块的拖动
　　hk_mc.onRelease=function(){
　　stopDrag();
　　//滑块的停止拖动
　　hk_mc.onReleaseOutside=function(){
　　stopDrag();
　　onEnterFrame=function(){
　　if(td){
　　hk_mc._x=jdt_mc._x+jdtzc*_parent.yp_mc._currentframe/_parent.yp_mc._
　　//计算滑块当前位置,公式:滑块的当前位置=进度条的总长*当前影片播放头位置/影片总帧
　　}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]张辉.课件制作新利器——Flash[J].科技资讯,2007,(03).
　　[3]张静.多媒体课件制作与应用探讨[J].职业圈,2007,(04).
　　[4]刘玉宾.多媒体课件中的应用[J].福建电脑,2008,(04).
　　[5]周建峰.即拖即放,皆随你意——为Flash动画加上播放滚动条[J].电脑知识与技术,2004,(04).君，已阅读到文档的结尾了呢~~
flash中制作带播放进度条的动画
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
flash中制作带播放进度条的动画
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口2004年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
2004年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三
2004年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
2004年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三
2004年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
2004年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。