基于Flash脚本语言的歌曲和歌词同步播放方法

开篇：润墨网以专业的文秘视角，为您筛选了一篇基于Flash脚本语言的歌曲和歌词同步播放方法范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

【摘要】本文主要介绍了计算机中使用flash软件中的脚本语言，实现歌曲和歌词同步播放的方法。

【关键词】Flash;脚本语言;歌曲和歌词同步播放

1.概述

Flash是美国的Macromedia/Adobe公司推出的优秀网页动画设计软件。它是一种交互式动画设计工具软件，它可以有效地把音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的二维（2D）网页动态效果，同时脚本语言的产生，使得网页设计更加灵活多样化。

本文作者将使用Flash8，模拟实现一个类似小型音乐播放器的程序，使产生的动画作品一边播放歌曲，一边实时在屏幕上显示对应的歌词，以实现歌曲和歌词同步播放的目的。

其实， 实现歌曲和歌词同步播放原理并不难，只需要用户在Flash中导入音乐之后，从第一帧开始，（按enter键）反复仔细听这首歌，目的是找到每一句歌词的开始帧，然后在每一句歌词的开始帧处插入一个关键帧，再给该关键帧插入文本框，并把这一帧对应的一句歌词输入即可，然后以此类推，完成第二句…，最后一句歌词的输入。

原理虽然简单，但是如果单纯使用Flash工具箱和命令实现歌曲和歌词同步播放，将非常麻烦繁琐。所以本文作者试图使用Flash的脚本语言编写一段程序，以实现歌曲和歌词同步播放的目的。

2.用Flash脚本语言实现歌曲和歌词同步播放的方法

用Flash脚本语言实现歌曲和歌词同步播放，主要分为如下几个步骤：

①建立动态文本

启动flash，建立flash文档文件，选择场景1图层1第1关键帧，单击“文本工具”，在舞台中建立一个动态文本框，文本大小为60，颜色为黄色，变量名命名为x，动态文本框大小要求能够完整放得下第一句歌词，在动态文本框中输入歌名（这里以歌曲“茉莉花”为例，歌曲长度我们预先剪辑成60秒）。

②测试每句歌词的起始时间

打开多米音乐软件，播放歌曲《茉莉花》，仔细记录下每句歌词起始的时间，分别为 14、22、29、37、44 、51、56秒。

③Flash导入一个歌曲

在Flash中，单击主菜单栏中“文件”--“导入”---“导入到库”命令，在“导入到库”窗口中选中一首歌曲，我们这里选择歌曲茉莉花.mp3，单击“打开”，歌曲茉莉花.mp3已经被导入Flash库中，在库中右键单击茉莉花.mp3，下拉菜单中选择“链接”命令，在“链接属性”窗口中把“标识符”改为music，在复选框中选中“为ActionSript导出”和“在第一帧导出”。

④用Flash脚本语言实现歌曲和歌词同步播放

选择场景1图层1第1关键帧，右键单击第1关键帧，下拉菜单中选择“动作”，在脚本语言调试环境中输入如下语句：

inc = 0;

// inc=0表示第一句歌词的下标位置。

music2 = new Sound（ ）;

music2.attachSound（ "music" ）;

// 其中music2.attachSound（ “music” ）;

// 功能是绑定库中的一个声音music

music2.start（ ）;

// 播放歌曲 茉莉花.mp3。

this.onEnterFrame = function（ ）{

time= [ 14， 22， 29， 37， 44， 51， 56];

geci = [“ 好一朵美丽的茉莉花 “， “ 好一朵美丽的茉莉花 “，

“ 芬芳美丽满枝桠 “， “ 又香又白人人夸 “ ，

“ 让我来把你摘下”， “ 送给别人家 “，

“ 茉莉花呀茉莉花 “ ];

if （ getTimer（ ） > time [inc] * 1000 ）

{

x = geci[inc];

inc == inc++;

}

};

// 其中getTimer（ ）; 返回初始化 Flash后经过的毫秒数，

// 并使用它来计算相对时间。

// 即获取从影片开始时到现在的毫秒值

⑤插入背景图片

在场景1图层1下方，插入一个图层2，在图层2第一关键中插入一幅合适的图片，图片大小为550×400，x、y位置为（0， 0）。

⑥测试结果

单击ctrl+enter测试动画，就可以实现歌曲和歌词同步播放的效果。

3.综述

我们在制作动画过程中，经常需要插入背景歌曲，而且同步显示歌词有时也是需要的，使用上述6个步骤，完全可实现歌曲和歌词同步播放的功能， 完成了我们预期的目的。另外，如果想让播放效果更好，还可以给歌词特别插入遮罩效果，原理是：在遮罩图层中创建一个矩形块，使之刚好能遮盖住歌词内容。在遮罩图层每句歌词的起始帧和结束帧处创建关键帧，然后在遮罩图层的每一个起始帧中，将矩形块放在每句歌词第一个字所在位置的前面，并且在每一个起始帧与结束帧之间做补间动画，利用遮罩的特性，会使歌词逐渐变色显示，效果也会非常好。

参考文献

[1]Eric E.Dolecki等著.精英科技翻译.Flash 经典作品解析[M].中国电力出版社，2003.

[2]曹阳.flash5教程[M].电子工业出版社，2001.

[3]施博客研究室.Flash 8 标准教程[M].海洋出版社，2006.

[4]吕冰，乔保军，刘金峰，等.中文版Adobe flash教程[M].清华大学出版社，2012.

[5]刘淼.Flash MX入门与提高[M].人民邮电出版社，2002.

作者简介：马红旭（1965―），女，内蒙古师范大学副教授，研究方向：计算机应用技术。