发新帖  新投票  回帖 
58272个阅读者,37条回复 | 打印 | 订阅 | 收藏
梦回轻狂

发表时间:2009-9-23 17:15

[原创][分享]可为您的音画自动生成卡拉OK风格同步歌词的透明FLASH播放器



梦回轻狂 发表在 教程交流 华声论坛 http://bbs.voc.com.cn/forum-163-1.html


























因为部分代码被过滤或无法识别,下面文档的格式与原设计有格式上的出入,如果有不清楚的地方,可以打开这张网页查看:
http://www.csrjgzs.cn/flashs/hs/通用透明自定LRC显播器.html

可为您的音画自动生成卡拉OK风格同步歌词的透明FLASH播放器


  在PS音画作品中加入背景音乐是一件轻松的事情(如有不明,请参阅本版顶置的【婷儿学音画心得】,教程非常详细,感谢婷儿的辛苦付出),要做出同步歌词却是一件不容易的事,我在单幅音画版看到有用JavaScript做非常棒的代码同步歌词,也有用FLASH手工制作的同步歌词,可前者需要有高深的脚本编程功力(而且也要对LRC歌词文件的时间标签做一点小修改),后者则要制作几千帧动画,很是辛苦。

  那么有没有可以为您的音画自动生成卡拉OK风格的同步歌词,并且您可以自已设置字体类型、字号大小,粗细,前景色,背景色, 自己决定同步歌词的显示风格,比如:是否淡入淡出,是否模糊过度,是否关闭卡拉OK效果, 是否启用动态(如从左进右出等等)的工具呢?

  经过不懈的努力,这个想法已经实现了。

  这是一个不显示播放控件,只有透明歌词条,但集音乐播放,同步歌词自动生成于一体的透明FLASH。只要向她传递相应的参数,就可以实现上述功能。下面就介绍一下这个FLASH的具体使用方法和全部参数:


  一、从百度(或者其它搜索引擎)上获取歌曲的网址;(不会的请参见【婷儿学音画心得】), 特别重要:一定要是MP3格式的歌曲(地址以“.mp3”结尾),因为FLASH播放器只支持MP3;

  二、从网上找到并下载与歌曲相对应的LRC格式的歌词文件,将扩展名改为“.swf”, 然后上传到华声,得到地址。

  三、设置发布参数:

   1、这个《FLASH歌曲播放兼同步歌词生成器》我已经上传到华声了,尺寸为:640*128(如果歌词单句较长,宽度可加大,但不宜改高度),地址是:
http://image.hnol.net/c/swf/2009-09/22/23/20090922235403561-2276736.swf

  2、她的默认(内定)设置如下:歌曲《随风缘》、字体(楷体)、字号(26)、粗体(是)、前景色(红)、背景色(蓝)、模糊过度(是)、淡入淡出(是)、卡拉OK风格(是)、运动效果(无)、歌词校时(0毫秒)、音量(80);

  3、要想让她播放自己选定的歌曲并生成对应的同步歌词,就要向她发送参数,您只需向她发送两个必要的参数就可以实现了(如果您有更高的格式上的要求,可以进行详细的设置,请参阅后面的参数表。)这两个必要的参数是“歌曲的地址”和“歌词的地址”。特别重要,一定要将她设置为透明FLASH,不然会影响您的作品外观。具体格式和示例代码如下。

<EMBED style="POSITION: absolute; LEFT: 180px; TOP: 1200px;" src=播放器地址(见上)?songurl=您的MP3歌曲地址&lrcurl=您的LRC歌词文件地址(一定要改扩展名为.swf后上传到华声) width=640 height=128 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>

  4、如果没有特殊要求,蓝色标出的代码请不要更改,只将红色粗体部分替换成您的内容即可,然后通过预览帖子,修改LEFT和TOP将歌词条定位到您作品上的适当位置;

  5、特别重要:播放器与参数之间用英文半角问号(?)分开,参数与参数之间用英文半角连接号(&)连接,“歌曲地址”和“歌词地址”两个参数缺一不可,而且songurl一定要排在lrcurl之前,其它参数可按任意顺序排列;

  6、要更改歌词条的默认格式、样式和行为,请设置更多的参数,下面是全部参数列表:

参数性质
参数名
参数作用
取值范围
默认值
示例代码
备注
必选参数
songurl
设置MP3歌曲网址
合法可用的网址
随风缘MP3网址
见后文
合法可用的唯MP3格式
lrcurl
设置LRC歌词网址
合法可用的网址
随风缘LRC网址
见后文
要求改为.swf传到华声
可选参数
font
设置歌词条字体
观者电脑中有的字体
楷体_GB3212
见后文
建议用四大标准字体
size
设置歌词条字号
10-50
26
见后文
超范围取值无效
bold
设置字体是否加粗
true/false
true
见后文
需要禁用才设置
forecolor
设置字体高亮色
FLASH中的颜色格式
0xff2200
见后文
“0x”+“十六进制颜色”
backcolor
设置字体本底色
FLASH中的颜色格式
0x00aaff
见后文
“0x”+“十六进制颜色”
fade
决定是否淡入淡出
true/false
true
见后文
需要禁用才设置
blur
决定是否模糊过度
true/false
true
见后文
需要禁用才设置
klok
决定是否为卡拉OK风格
true/false
true
见后文
需要禁用才设置
movestyle
设置词条的运动效果
LtoR/RtoL/UtoD/DtoU
见后文
还可设置为对角线运动
lrcoffset
歌词时间校正
-5000 到 5000
0
见后文
单位毫秒,超范围取值无效
vol
设置播放音量
0-100
80
见后文
超范围取值无效
songname
设置歌曲名称
不含特殊字符的中英文字
见后文
这个不显示,只当是备注
下面这段就是《往事》(本文顶部的音画实例)的歌曲播放和同步歌词的实际代码
<EMBED style="POSITION: absolute; LEFT: 180px; TOP: 460px;" src=http://image.hnol.net/c/swf/2009-09/22/23/20090922235403561-2276736.swf?songurl=http://music.czsyzx.net/muszy/music/1012.jx02/A004-WANGSHI.mp3&lrcurl=http://image.hnol.net/c/swf/2009-09/23/16/20090923162133731-2276736.swf&vol=50&lrcoffset=-1000&movestyle=RtoL&size=32&forecolor=0xff9900&backcolor=0xff6600 width=640 height=128 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>



<EMBED style="POSITION: absolute; LEFT: 180px; TOP: 460px;" src=http://image.hnol.net/c/swf/2009-09/22/23/20090922235403561-2276736.swf?songurl=http://music.czsyzx.net/muszy/music/1012.jx02/A004-WANGSHI.mp3&lrcurl=http://image.hnol.net/c/swf/2009-09/23/16/20090923162133731-2276736.swf&vol=50&lrcoffset=-1000&movestyle=RtoL&size=32&forecolor=0xff9900&backcolor=0xff6600 width=640 height=128 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>



[本帖最后由 梦回轻狂 于 2009-9-29 22:50 编辑]


本帖最近评分记录
婷有独钟   2009-9-23 17:32  金钱  +10   很好的歌词同步代码!谢谢朋友分享!
婷有独钟   2009-9-23 17:32  魅力  +10   很好的歌词同步代码!谢谢朋友分享!



----------------------------------------------

  能跑的不如能吃的,能吃的不如能睡的;睡觉是头等大事,吃饭是二等大事,运动是三等大事,其余的都是小事。


  中医认为药物和食物是同源的,自古就秉持“寓医于食”的防病治病理念。《黄帝内经》云:“大毒治病十去其六;常毒治病十去其七,小毒治病十去其八,无毒治病十去其九”,“先进厨房,后进药房”的说法在民间更是广为流传。

  食园有路心作引,厨海无涯汗推舟……

 
婷有独钟

回复时间:2009-9-23 17:31
很棒的同步歌词效果哦!

谢谢梦回轻狂朋友的热情分享!
有时间我也试试~~




----------------------------------------------
曾经沧海难为水,除却巫山不是云。取次花丛懒回顾,半缘修道半缘君。
 
林海苍翠
原创音画组

回复时间:2009-9-23 18:08
谢谢梦回轻狂朋友分享
辛苦了




----------------------------------------------
三人行必有吾师。
 
若水如烟

回复时间:2009-9-23 21:10
太好了,正需要呢!谢谢您朋友!




----------------------------------------------
碎了的心若水,覆去难收
无奈的心如烟,散痕无迹
 
灰色木叶蝶
原创音画组

回复时间:2009-9-23 21:17
感谢梦回分享~~
好听的往事~




----------------------------------------------
请朋友们不要给偶发论坛信息了,偶打不开,看不到内容呢:)
 
初恋给了谁

回复时间:2009-9-23 23:04
好贴收藏了.




----------------------------------------------
事有知足心常泰,人甘平淡品自高
 
栀子

回复时间:2009-9-23 23:51
好像很难噢?但是很想学!谢谢啦!赶明儿也试试

 
清晨D星星
原创音画组

回复时间:2009-9-24 11:53
有难度~~~~慢慢学习,谢谢楼主~~!!!

 
清脆的键盘

回复时间:2009-9-24 16:30
先收下 慢慢研究!!




----------------------------------------------
山水有情亦惊知己,性情所得未能妄言!
 
维扬

回复时间:2009-9-24 22:07
不错你教材,慢慢研究。

 
~如果有如果~

回复时间:2009-9-25 12:07
太好了,学学

 
梦回轻狂

回复时间:2009-9-25 15:11
婷有独钟 林海苍翠 若水如烟 灰色木叶蝶 初恋给了谁 栀子 清晨D星星 清脆的键盘 维扬 ~如果有如果~

感谢你们的大力支持,为了方便使用,

我做了个《通用透明自定LRC显播器-代码生成器》
现在插入代码也不用手工编写了,
可视化自动生成,实时预览,所见即所得。

你需要做的仅仅是从百度找到自己想插入音画作品的MP3歌曲的地址,
并下载其LRC歌词文件,改扩展名为SWF,上传到华声,获取歌词文件的地址。
然后将找到的MP3地址和获取到的歌词地址填入下面生成器对应的文本框中,
点击本地预览看效果,作格式上的适当调整,
最后拷贝代码即可,但插入音画作品时要自己调整位置哟!


[全屏欣赏]



下面提供一首现成的歌曲的词曲地址,有兴趣的朋友可以将它们分别拷贝粘贴到
上面这个《代码生成器》的“歌曲URL”和“歌词URL”两个输入文本框内,
然后点击“本地预览”(或“用IE预览”),就可以看到效果。

如果点击拷贝代码,粘贴到回帖栏,
然后点击“预览帖子”就可以看到真实的无缩放的效果!
注意:1、只是预览,千万不要点击回帖!!!
2、点预览前先暂停代码生成器的播放,或者将其音量调到零。
3、预览时歌词条是按绝对定位,顶距是200像素,如果您没有修改的话,
要返回本页顶部才能看见生成的歌词条。

《怨苍天变了心》的MP3歌曲的地址:

http://photo.cdream.com/music/563002320080722103440.mp3

刚上传到华声的《怨苍天变了心》的歌词文件:

http://image.hnol.net/c/swf/2009-09/26/12/200909261253366781-2276736.swf



[本帖最后由 梦回轻狂 于 2009-9-26 13:13 编辑]


本帖最近评分记录
林海苍翠   2009-9-26 00:58  金钱  +10   很不错
林海苍翠   2009-9-26 00:58  魅力  +10   很不错



----------------------------------------------

  能跑的不如能吃的,能吃的不如能睡的;睡觉是头等大事,吃饭是二等大事,运动是三等大事,其余的都是小事。


  中医认为药物和食物是同源的,自古就秉持“寓医于食”的防病治病理念。《黄帝内经》云:“大毒治病十去其六;常毒治病十去其七,小毒治病十去其八,无毒治病十去其九”,“先进厨房,后进药房”的说法在民间更是广为流传。

  食园有路心作引,厨海无涯汗推舟……

 
素心含香
原创音画组

回复时间:2009-9-25 20:32
谢谢梦!
非常好的方法!
辛苦了!抽空试用下!

 
林海苍翠
原创音画组

回复时间:2009-9-26 00:56
辛苦了梦回轻狂
谢谢你的分享




----------------------------------------------
三人行必有吾师。
 
~如果有如果~

回复时间:2009-9-27 14:36
学会了,非常感谢

 
蒂芬妮

回复时间:2009-9-29 10:46
谢谢分享!

 
asq2233

回复时间:2009-9-29 15:27

 
丹荔皇后

回复时间:2009-9-30 21:16

 
小婉姐姐

回复时间:2009-10-30 09:07
学习,谢谢了。

 
苏萱

回复时间:2009-10-30 23:28
先收藏,谢楼主

 
发新帖 新投票
 回帖
查看积分策略说明快速回复主题
你的用户名: 密码:   免费注册(只要30秒)


启用 Html 代码
使用个人签名
(请您文明上网理性发言!并遵守相关规定
   



Processed in 0.041598 s, 9 q - 无图精简版,sitemap,