花飞飞 发表于 2024-11-25 20:29
感觉这个贴子下了大功夫。。
无论是画面、还是歌曲到代码，都顶级。。综合性好强啊。。
也没下啥功夫，就是鼠标突然不太好使，编写时多花了点时间，现在找个无线的来用用，明天去电脑城买个200多的
杨帆 发表于 2024-11-25 19:05
马老师辛苦了，谢谢老师深度分享
如果歌词不限于花潮格式，就更趋完美
可以的，我们有支持原生lrc歌词的模块，加入模块即可。不过花潮格式做到的歌词同步的精准度比较好。
也可以同时用svgdr封装呢，之前就想过用svg画的小播是最好的，这里就看到了{:4_187:}
花飞飞 发表于 2024-11-25 20:27
四个插件排列得整整齐齐，为完整音画作品保驾护航。。。全面又美观。。赞叹。。
当模块多了的时候，也许应该考虑做个封装的封装，一行代码就能引入，想用啥模块用啥模块
红影 发表于 2024-11-25 20:55
也可以同时用svgdr封装呢，之前就想过用svg画的小播是最好的，这里就看到了
都可以的
马黑黑 发表于 2024-11-25 20:53
也没下啥功夫，就是鼠标突然不太好使，编写时多花了点时间，现在找个无线的来用用，明天去电脑城买个200 ...
啊，还有这回事，那这个贴子可记得牢了。。
支持换个顺手的，你选得必定是顶级的。。
还有
多整几节电池备用。。{:4_173:}
花飞飞 发表于 2024-11-25 20:57
啊，还有这回事，那这个贴子可记得牢了。。
支持换个顺手的，你选得必定是顶级的。。
还有
我买无线的一般都是可充电的。我不太喜欢更换电池。
马黑黑 发表于 2024-11-25 20:50
这歌其实很老了，当时很多人都被 love love love 迷住了忽略了很多
没听过就算是新的。。这么老的歌被你挖出来也是厉害。{:4_173:}
马黑黑 发表于 2024-11-25 20:50
这个观察者api特管用
看着跟活的似的，多灵动啊。这个设计满分。{:4_173:}
别的贴子也可以让小播这么活泼一下喽
花飞飞 发表于 2024-11-25 20:59
没听过就算是新的。。这么老的歌被你挖出来也是厉害。
蔡依林的歌我还是比较熟悉的，因为当年和周董熟
花飞飞 发表于 2024-11-25 21:00
看着跟活的似的，多灵动啊。这个设计满分。
别的贴子也可以让小播这么活泼一下喽
想的话没有不可以的
马黑黑 发表于 2024-11-25 20:51
设计其实还算简单，实现过程略显复杂
我看十分复杂，光这些心型的运动路线都要设计半天。。
还有大小随机，延时，综合起来让它们有如此美感，
反正感觉是很不容易的。。
马黑黑 发表于 2024-11-25 20:55
当模块多了的时候，也许应该考虑做个封装的封装，一行代码就能引入，想用啥模块用啥模块
俄罗斯套娃式的封装啊，这还没见过。。。。{:4_170:}
花飞飞 发表于 2024-11-25 21:01
我看十分复杂，光这些心型的运动路线都要设计半天。。
还有大小随机，延时，综合起来让它们有如此美感， ...
这个路线不需要设计，这是随机的，要做的是设定角度，不同的角度，会导致路线的方向不同，仅此而已
马黑黑 发表于 2024-11-25 20:54
可以的，我们有支持原生lrc歌词的模块，加入模块即可。不过花潮格式做到的歌词同步的精准度比较好。
花潮格式的歌词同步精准度的确不错
但目前还无法自动生成，用起来还显得不够便捷
兼容并蓄,有容乃大，感谢老师采纳{:4_191:}
杨帆 发表于 2024-11-25 21:03
花潮格式的歌词同步精准度的确不错
但目前还无法自动生成，用起来还显得不够便捷
这个不可能自动生成，需要手动制作。我提供的工具里，有从原生歌词转换的，然后微调即可。
花飞飞 发表于 2024-11-25 21:03
俄罗斯套娃式的封装啊，这还没见过。。。。
现在模块制作的还不多，暂不考虑
马黑黑 发表于 2024-11-25 21:05
现在模块制作的还不多，暂不考虑
四个了还不多嘛。。
难道以后还有。{:4_173:}
use { transform-box: fill-box; transform-origin: center; animation: move var(--dur) var(--delay) linear infinite var(--state); }
这个应该是新的，直接对svg内部子元素设置动画呢{:4_187:}
红影 发表于 2024-11-25 21:06
use { transform-box: fill-box; transform-origin: center; animation: move var(--dur) var(--delay) lin ...
use也是svg可视元素，它和circle等一样也可以在其上运行动画。不新的。