同步歌词（三）歌词缩放，同步变色

海特行者

[i=s] 本帖最后由 海特行者 于 2022-11-16 17:38 编辑 [/i]

同步歌词 （三）歌词缩放，同步变色

 

 

  代码：

 ＜img src="https://s3.bmp.ovh/imgs/2021/09/6a6629fd52730c1f.gif"＞
＜style type="text/css"＞.音乐播放器{
position: absolute;top:840px;LEFT: 420px;
animation: slider 5.0s linear infinite ; }
@keyframes slider{
0% { transform: scale(0.4);filter: hue-rotate(100deg)}
50% { transform:scale(1.0);filter: hue-rotate(0deg) }
100% { transform:scale(0.5);filter: hue-rotate(360deg) }
}
＜/style＞
＜div class="音乐播放器"＞＜embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://url.amp3a.com/kuwo.php/9840741.mp3&lrc=[00:00.000] 《一支梅》云菲菲演唱（歌词略去）&mp3b=&mp3n=&gczt=方正字迹-元童楷隶简体&gczh=50&gcys=ff0000&gcljys=ffff00&gcljld=0.8" height="300" invokeurls="false" quality="high" src="http://dashan.link/zj/dqyhgczz.swf" style="height: 300px; width: 960px;opacity:1.0;" type="application/x-shockwave-flash" width="760" wmode="transparent" ＞＜/embed＞＜/div＞

  代码解析：

  gczt......文字字体。

  gczh......文字大小。

  gcys......文字颜色。

  gcljys......发光颜色。

  gcljld......发光强度（值范围：0-100）。

  opacity......歌词文字的不透明度（值范围：0.0-1.0）。

  绿色代码......背景图片。

  黄色代码......css样式。

  橙色代码......音乐播放器。

  粉色代码......音乐播放器网址。

 

林林五

欣赏精彩音画！赞！

老梦缘

谢谢老师精彩内容!问好！

真真

学习欣赏，谢谢老师！

山水人家

谢谢老师指导，早上好。

廖若晨星

欣赏海特行者老师同步歌词音画

醉美水芙蓉

老师是代码高手！一直很欣赏老师的教程！

彩云归

用一段代码，令原变色歌词具有歌词缩放功能，很好！谢谢分享！

彩云归

探讨：同步变色。lrc歌词无法做到同步变色，只能说类似同步变色。
另外示例音乐网址使用的是时效网址，现在无法播放了。