您的位置:首页网页设计Flash → 实现声音与歌词同步的三种方法

实现声音与歌词同步的三种方法

时间:2004/11/7 2:19:00来源:本站整理作者:蓝点我要评论(0)

  1. 目的:



  学习Flash中的Sound凼数,掌握在制作FlashMTV时声音与歌词同步的两种方法。



  2. 方法一:



  ·导入一个声音文件,建立一个声音层,在声音层的第一帧处打开声音面板,选择需要使用的声音文件,设置声音同步属性为数据流,循环次数为0,如图(1)所示:



  ·估计声音层所用的帧数,帧数=播放时间*帧频。大家再看右图的最下面,其中“16.8 s”表示这段音乐的播放时间为16.8秒。如果你的帧频为12fps,那么总帧数应该为200帧左右。



  ·在适当位置按F5插入一个空白关键帧。拖动声音层的最后一帧(相对的)直到有空白帧出现,单击选择声音的最后一帧,再向右拖动鼠标选择所有的空白帧,然后单击右键,点击清除帧,如图(2)所示。



  ·建立一个文本动画层,按回车键播放声音,由于声音是数据流形式,你可以参照声音在该层上添歌词。



  3.方法二:



  ·第一步,同方法一,只是声音同步属性为默认的事件同步。



  · 建立一个文字动画层,对照声音的波形,在声音的波谷处添上相应的歌词。通常情况下,我们在时间线面板上看到的波形很不明显,无法确定波谷。别着急,点击图(3)的编辑按钮。这里我们不是编辑声音,而是观察波形。默认状态下,在声音编辑面板看到的波形与在时 间线面板上看到的一样。 点击面板下方图(3)所示的缩小按钮,缩小波形图,我们可以看到图(4)所示的波形图,红线所处的地方均是波谷,第一个波谷很明显在第一帧。

   



  ·波形图的标尺默认的是以时间秒为单位,得使用“帧数=播放时间*帧频”来计算。为了方便,我们设置帧为标尺单位,点击图(3)第四个按钮就行了。见图(4),我们可以发现第二个波谷应在第80左右。如果要求精确,,点击扩大按钮,就可以准确知道该是第几帧了。



  ·在第一帧添第一句歌词,在第二个波谷所在帧的下一帧开始添第二句歌词,其它依次类推。


  

  4. 方法三:



  ·导入一个声音文件,建立一个文本动画层,接着写进歌词,每一帧对应一句歌词。



  ·新建一个空白角本电影夹。



  ·建立一个角本层。在第一帧拖入空白角本电影夹,并加入帧角本stop,如图(5):



  ·在图库面板中右键点击我们要使用的声音文件,从弹出菜单中选择连接,选择链接选项中“为动作脚本导出”和“在第一帧导出”,然后就在标识符输入框中键入myMusic,从而关联这个声音。 如图(6):



  ·选择空白角本电影夹,写入如下代码:



  onClipEvent (load) {      //一下载电影夹就触发事件

  music = new Sound();     //自定义一个“music”声音对象

  music.attachSound("myMusic"); //捆绑声音,myMusic为被关联声音的ID

  music.start();        // 播放声音

  inc = 0;           // 定义变量,赋予初值

  timerStart = getTimer();   // 定义刚开始播放声音的时间与现在的时间的时间相等。

  labelTimeList = [4, 8, 11, 15];

  // 自定义一个数组来设定每句歌词出现的时间(单位为秒),可用Media Player来获取每一  元素的值。

  }

  onClipEvent (enterFrame) {  //只要电影夹存在就触发事件

  if (getTimer()-timerStart>labelTimeList[inc]*1000) {

  //读取现在的时间,与刚开始的时间做比较,如果大于所设定的时间,

  则跳到下一帧,即为播放下一句歌词

  inc == inc++;

  _root.nextFrame();

  }

  }



  ·回车你就可以到成果了,


  5. 说明:



  方法一很方便,不过容易在播放时丢帧;方法二最为烦琐,适合用来做波形明显的FlashMTV;方法三简单明了,针对高级用户。如果大家对方法三有不明白的地方,就下载一个源文件来看一看吧。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼