用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
当前位置 :首页>flash教程>Flash应用开发>列表

FLASH+LRC歌词同步

[来源:闪客无忧 | 作者:佚名 | 时间:2008-03-28 | 点击:  | 收藏本文  【 】]

[00:36.13]在一起有点勉强
[00:39.83]该不该现在休了我
[02:45.62][00:44.86]不想太多
[02:47.71][00:47.41]我想一定是我听错弄错搞错
[02:53.55][00:53.28]拜托 我想是你的脑袋有问题
[03:00.53][01:00.11]随便说说
[03:04.49][01:02.47]其实我早已经猜透看透不想多说
[03:12.19][01:09.94]只是我怕眼泪撑不住
[03:16.31][01:15.77]不懂 你的黑色幽默
[03:23.51][01:23.25]想通 却又再考倒我
[03:30.61][01:30.63]说散 你想很久了吧?
[03:37.92][01:37.72]我不想拆穿你
[03:46.16][01:45.85]当作 是你开的玩笑
[03:53.54][01:53.22]想通 却又再考倒我
[04:16.74][04:01.06][02:00.76]说散 你想很久了吧?

[04:23.15]我的认真败给黑色幽默


结构分析:
1文件头是记录歌词信息的文字
下面就是时间跟歌词内容的信息了.
2每一行都是由一到几个用中括号标记的时间值及该时间要显示的歌词内容组成.
如:
[04:07.94][02:07.79]败给你的黑色幽默
代表在2分7秒79跟4分7秒94都显示"败给你的黑色幽默"这句歌词.

了解了LRC文件的结构后,就可以利用AS强大的字符串处理功能,把里头包含的一些变量值提取出来.
从范例可见,
歌词文件以行为单位,所以先把文本每行的字符串分别存于一个变量中,但是变量数目不确定,所以就把变量存于数组中.

在LOADLYRICS函数里追加代码:
var OriginLyrics=new Array();//创建一个存放每行歌词的数组对象
OriginLyrics=lyricsString.split(chr(10))//把字符串分析为数组,分隔符为chr(10)+chr(13)(关于这个分隔符,笔者其实还是比较模糊,笔者开始不知道歌词在换行的时候是用了回车符还是换行符.这个分隔符CHR(10)是笔者经过多次尝试后得出来的).
for (var i in originLyrics) {
   if (originLyrics[i] == "") {
    originLyrics.splice(i, 1);
}
}//歌词文件里可能有些行是没内容的,这些先删除,以免对后面的分析造成影响.

但是,我们还发现,有些行是多个时间,只有一句歌词.其实这是LRC的压缩格式,为了统一,我们还需要对这些压缩的部分进行"解压",使得每行的组成都是一个时间对应一句歌词.
所以,再定义一个新数组originLyricsBreak,放置解压后的歌词:

下面将以歌词"[04:07.94][02:07.79]败给你的黑色幽默"为例,解释解压歌词的代码:

var originLyricsBreak=new Array();
for (var i in originLyrics) {
  var originLyricsUnit = originLyrics[i].split("]");//把每行处理为长度为N的数组,里头包含(N-1)个时间信息和一个歌词信息.
//例句中的歌词将分为一个长度为3的数组:三项的内容:[04:07.94,[02:07.79,和败给你的黑色幽默
  for (i=0; i<=originLyricsUnit.length-2; i++) {//数组下标最大值等于(数组长度-1),这里之用originLyricsUnit.length-2,是因为要把数组的时间信息枚举出来,而最后一项是歌词信息
  originLyricsBreak.unshift(originLyricsUnit[i]+"]"+originLyricsUnit[originLyricsUnit.length-1]);//往ORIGINLYRICSBREAK数组添加一个歌词项,其中包括一个时间信息和相应的歌词内容
  }
//经过一次循环后,ORIGINLYRICSBREAK添加了两项:
//"[04:07.94]败给你的黑色幽默"
//"[02:07.79]败给你的黑色幽默"
//
}

这样所列出来的歌词时间顺序是乱的,所以先进行一下排序:
originLyricsBreak.sort();

接下来就对每行歌词进行时间和歌词内容的提取操作:定义一个数组LYRICSTEXT存放歌词内容,定义一个数组TIMESTRING存放时间.

for (var i = originLyricsBreak.length-1; i>=0; i--) {
  var tempText = originLyricsBreak[i].split("]")[1];  // 在时间标记"]"的位置,把每行拆分为长度为2的数组.数组第一项为时间"[02:07.79",第二项为歌词内容"败给你的黑色幽默",在这里取第二项:歌词内容
  lyricsText.unshift(tempText);//往LYRICSTEXT添加歌词内容项
  var tempTimeString = originLyricsBreak[i].split("]")[0].slice(1);//取上述数组的时间信息"02:07.79",SLICE(1)把"["去掉,
  timeString.unshift(tempTimeString);//并添加到时间数组.
  timeValue.unshift(convertToTime(tempTimeString));//因为在TIMESTRING中,它是分:秒.毫秒的形式,不能直接运算,所以要转换为数字的形式.convertToTime是自定义函数,在下面将会介绍.
}
在LOADLYRICS函数外定义convertToTime函数:
function convertToTime(str) {
  var times = str.split(":");//如果STR为02:07.79,TIMES数组则有两项:"02"和"07.79"

上一页 1 23 4 5 下一页
文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:简单的flash-MP3播放器+j教材看看吧也许用的着
下一篇:FLASH+SwiftMP3波谱同步
Tags:     同步 歌词 文件 // 时间 一个 显示 函数 就是 所以 可以
>>> 最新评论:(共有 0 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  相关文章
·Rectangle对象在flash游戏开发中
·Flash的Socket和AMF3的研究心得
·Flash的Socket和AMF3来开发web游
·制作有视角的迷宫游戏+碰撞
·项目外包, 诚要天下FLASH有能之
·flash小游戏制作:月饼消消看
·Flash Player10功能SaveBitmap直
·面向对象法制作贪吃蛇小游戏
·flash里键盘控制人物行走的另个
·flash中图形位置的半像素渲染问
  热门文章
·Flash进度条的制作详细讲解(组图)
·flash幻灯片网页效果
·Flex 3 AdvancedDataGrid的使用(第二
·全Flash动画网站实现的基础教学
·flash水影效果字
·Flash打造简单的飘雪动画视觉特效
·FLASH+XML相册(附源码)
·超酷flash光晕移动效果
·Flash旋转拖尾文字效果的制作教程
·Flash制作大雪纷飞效果动画
·flash春雷闪电效果
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号