AJAX应用之LRC词曲同步

先看调试文件

http://www.cnbruce.com/test/lrc/index.htm?gq=byzlshw

所有文件均扒自摆渡MP3

我这里做的是稍微精简的版本


1,仅对IE有效

2,因为播放器是在静态文档中使用,所以目前的歌曲是固定的(解决的方法可使用动态文档,但本案未处理)

3,文件路径的参数“gq”及值“byzlshw”表示的是获得歌曲的LRC歌词(如果你下载了本案的打包文件,byzlshw即是LRC文件夹内的LRC歌词文件名),该LRC歌词是对应播放器中指定的歌曲的

4,如果在本地调试,请使用虚拟路径



5,下面我的打算操作应是使用动态文档,只要一个参数及值(参数gb和歌曲的名称)

通过AJAX获得音乐站的歌曲地址及LRC地址……

那么当前的播放器就是一个万能的LRC词曲同步播放器了。。。

另外我对原文档还未全部分析,只能给出以上的内容,有人使用若有疑问见谅。

附:所谓LRC歌词是指与播放的MP3歌曲同步显示的歌词。

LRC歌词制作实质上是把歌词或文字,与歌曲或语音建立起一种时间对应关系。

如:  http://www.cnbruce.com/test/lrc/lrc/byzlshw.lrc


[ti:不要再来伤害我]
[ar:张振宇]
[al:不要再来伤害我]


[00:00.00][00:20.50][00:24.45][00:31.85][00:34.60][00:42.55][00:47.80][00:52.50][00:58.20][01:05.75][01:10.80][01:16.00][01:21.10][02:05.00][02:10.85][02:15.45][02:21.25][02:34.15][02:44.60][03:07.25][03:48.50][03:59.45][04:12.10][04:22.45][04:31.00][04:41.50][04:51.75][04:57.10][05:04.10]
[00:02.80]张振宇-不要再来伤害我 词:张振宇/曲:郑智化
[05:12.50]张振宇-不要再来伤害我
[03:10.00]张振宇-不要再来伤害我  
[00:22.15]好难过
[00:26.05]这不是我要的那种结果 结果
[00:32.75]你说过
[00:36.40]这辈子你都不会离开我 离开我
[00:43.25]太多太多 让你迷惑
[00:48.35]最后你还是离开了我
[00:53.55]开始沉默 什么都不说
[00:58.80]就让泪水慢慢的滑落
[01:02.65][01:13.00][02:25.65][02:36.15][04:12.35][04:22.55][04:32.95][04:43.35][04:54.90][04:59.95]不要再来伤害我
[01:07.80][02:31.10][04:17.50][04:38.00]自由自在多快乐
[01:18.30][02:41.45][04:27.90][04:48.55]我会迷失了自我
[01:24.10][02:47.25]Yeah……Yeah……Yeah……Yeah……
[01:45.00][03:42.80}[05:10.44]cnbruce
[02:06.20]畏畏缩缩 那不是我
[02:11.45]不是我要故意闪躲
[02:16.35]你不爱我 又回来问我
[02:21.90]是否我们还能重新来过
[02:28.80][02:39.30][04:15.35][04:25.65][04:36.10][04:46.50]Yeah Yeah
[03:04.85](不要伤害我)
[03:49.85]你是你我还是我
[03:53.10]各自生活
[03:55.80]挣脱爱的枷锁
[04:00.25]即使我再度寂寞
[04:03.45]再难过
[04:05.80]也比从前要好得很多
[04:10.00](求求你,就不要再来伤害我)
[05:04.85]求求你,就不要再来伤害我



为叙述方便以下无论是与歌曲同步的歌词还是与外语语音同步的文字都统称为"歌词"。LRC是一种歌词播放文件。用于MP3显示歌词。

打包文件下载(下载后修改文件后缀cnbruce为rar)

http://www.cnbruce.com/test/lrc/lrc.cnbruce 
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值