同步歌词（十一）手动显示多行歌词无规则移动

海特行者 · 发表于 2021-9-26 16:40

[i=s] 本帖最后由海特行者于 2022-10-14 14:37 编辑 [/i]

同步歌词播放器（十一）手动显示多行歌词无规则移动

图片播放代码：

＜embed height="520" src="http://image.hnol.net/c/swf/2021-08/01/16/2021080116592341-5769293.swf?auto=1&wait=0&img1=http://www.keai99.com/data/attachment/forum/202109/23/131415tp8p8aizn66rgyap.jpg&img2=http://www.keai99.com/data/attachment/forum/202109/23/131441nuln4l4uupw9ulpo.jpg&img3=http://www.keai99.com/data/attachment/forum/202109/23/131509sx9oiodbpaiapo8c.jpg&img4=http://www.keai99.com/data/attachment/forum/202109/23/131525cvs6ub6s446b6v2s.jpg&&test=1&" style="filter:contrast(100%)brightness(100%);position: relative;top:-20px;LEFT: 0px;" type="application/x-shockwave-flash" width="700" wmode="transparent"＞＜/embed＞

同步歌词代码：

＜style type="text/css"＞#和平鸽{
animation: animTrans 15s linear infinite; /*linear匀速变换 infinite无限循环*/ }
@keyframes animTrans {
0% {transform: scale(0.6) translate(-500px, 450px);}/*歌词缩放位移*/
50% {transform: scale(1.0) translate(-700px, 400px);}
100% {transform: scale(0.5) translate(-500px, 500px);font-style: oblique;}}
＜/style＞
＜div id="和平鸽" style="width:30%;height:500px;position:absolute;right:20px; top:2230px;"＞＜img src="http://www.keai99.com/data/attachment/forum/202109/26/175522a8dalr7z8krzvr98.gif" style="width:100px; height:100px; overflow:hidden; border-radius:50%;"＞
＜script type="text/javascript"＞!window.procLRC & document.write('＜script type="text/javascript" src="http://cesholl.cn3v.net/scripts/processLRC.min.js" charset="utf-8"＞＜\/script＞');＜/script＞
＜textarea id="lrc_content" style="visibility:hidden;"＞
[00:00.00]《我还在这里等你》（同步歌词略去）
＜/textarea＞＜script type="text/javascript"＞var opts = {
lrcTxtID:'lrc_content',
lrcShowID:"和平鸽",
audioURL:"http://url.amp3a.com/kuwo.php/145095099.mp3",
gczh:'1.5em',/*字大小*/
gczt:'微软雅黑',/*字体*/
gcct:'true',/*笔划加粗（与gcct=1同）*/
dqfs:'center',/*横式排列歌词时居中对齐*/
gcys:'#00F',/*在唱字色*/
gcys1:'red',/*字颜色*/
playLoop:'true',/*循环播放*/
showMode:'1',/*0值歌词横行排列，1值歌词纵行排列*/
gchs:4/*歌词行数*/}
setTimeout(function(){procLRC(opts);},);
＜/script＞

代码解析：

绿色代码......播放图片代码。

红色代码......播放钮代码。

橙色代码......同步歌词代码。

scale......缩放。

oblique......文字倾斜。

点击下图中的和平鸽，歌声响起

静悟 · 发表于 2021-9-28 09:21

欣赏学习老师的同步歌词（十一）手动显示多行歌词无规则移动！下面的图片没看到。

海特行者 · 发表于 2021-9-30 11:41

静悟发表于 2021-9-28 09:21
欣赏学习老师的同步歌词（十一）手动显示多行歌词无规则移动！下面的图片没看到。

下面有图的请见“同步歌词（五）”，本帖与“同步歌词（五）”不同，网址不一样，遮盖模式也不一样。现图代码也不一样。

静悟 · 发表于 2021-9-30 11:49

海特行者发表于 2021-9-30 11:41
下面有图的请见“同步歌词（五）”，本帖与“同步歌词（五）”不同，网址不一样，遮盖模式也不一样。现图 ...

看到了。漂亮的移动歌词。学习了！

真真 · 发表于 2021-10-3 16:48

谢谢老师带来美好！欣赏来迟，向老师问好！

帐号		自动登录	找回密码
密码			注册会员

同步歌词（十一）手动显示多行歌词无规则移动

评分