原生LRC歌词播放器（初稿）

花飞飞

马黑黑 发表于 2025-3-19 20:13
有时候豆包需要鼓励。谈话前，你得给它个预设：听说你是前端编程高手，写代码一顶一的，我慕名前来，想让 ...

那还是有情绪的呀。。艾玛，得当它是个可以聊天的，顺毛的，会干活的人。

朵拉

这个纯纯做个小播 也是好看哒

花飞飞

马黑黑 发表于 2025-3-19 20:14
现在这个机制歌词和播放器同放在一个父元素里，它们不能分离，觉得也没有必要分离。

合在一起更像一家人。。
如果只留一行就跟之前显示的一样一样了。
但是这个是不分离的
刚看到能显五行，能只显一行不？

红影

马黑黑 发表于 2025-3-19 20:06
那是的实现机制好像不是酱紫的，不记得了

比如这几个个
胡广生
https://www.huachaowang.com/foru ... 60240&fromuid=2
(出处: 花潮论坛)
红色高跟鞋
https://www.huachaowang.com/foru ... 60292&fromuid=2
(出处: 花潮论坛)
愿——问好大猫咪
https://www.huachaowang.com/foru ... 60201&fromuid=2
(出处: 花潮论坛)
当你老了
https://www.huachaowang.com/foru ... 60188&fromuid=2
(出处: 花潮论坛)

都是三行歌词的

马黑黑

红影 发表于 2025-3-19 21:09
比如这几个个
胡广生
https://www.huachaowang.com/forum.php?mod=viewthread&tid=60240&fromuid=2

三行的设计是比较合理的。现在的模块，支持自定义行数，具体做法去看看刚发的帖子3楼

红影

我去翻过，有些歌曲失效了，看不出效果了。

红影

还找到这个
一步剥离lrc格式文本的时间与歌词信息
https://www.huachaowang.com/foru ... 65862&fromuid=2
(出处: 花潮论坛)

马黑黑

红影 发表于 2025-3-19 21:11
我去翻过，有些歌曲失效了，看不出效果了。

失效正常

马黑黑

花飞飞 发表于 2025-3-19 20:58
合在一起更像一家人。。
如果只留一行就跟之前显示的一样一样了。
但是这个是不分离的

显示一行我没试过，理论上没问题，但是否和算法有冲突现在不能确定

马黑黑

花飞飞 发表于 2025-3-19 20:57
那还是有情绪的呀。。艾玛，得当它是个可以聊天的，顺毛的，会干活的人。

AI也是有脾气的。国外有一个程序员，接触谷歌的claude之后一直用它来协助写代码，用着用着有依赖性了，自己写代码水平下降，对AI的依赖程度大大提高。有一次，claude写的代码运行都不行，他就叫它改，一而再再而三地改都不好，次数多了之后，AI说我只是给你个大致的实现思路和方法，你也得自己动动手，改掉那些我改不好的部分

马黑黑

花飞飞 发表于 2025-3-19 20:56
三万步也辛苦。。踩踩。。。

谢踩

马黑黑

红影 发表于 2025-3-19 20:55
原来是和空间有关的呢

这个自然

红影

马黑黑 发表于 2025-3-19 21:12
失效正常

嗯，我再换个歌曲进去，让它运行了就能看效果了

红影

马黑黑 发表于 2025-3-19 21:17
这个自然

嗯，超出空间的隐藏了，所以把空间变大显示的内容就变多了。

红影

马黑黑 发表于 2025-3-19 21:10
三行的设计是比较合理的。现在的模块，支持自定义行数，具体做法去看看刚发的帖子3楼

刚才去看了，非常漂亮的制作

马黑黑

红影 发表于 2025-3-19 21:26
嗯，超出空间的隐藏了，所以把空间变大显示的内容就变多了。

注意它对应的CSS选择器是 #lrcDiv { ... }，这是模块定义好的

马黑黑

红影 发表于 2025-3-19 21:25
嗯，我再换个歌曲进去，让它运行了就能看效果了

这个自然

马黑黑

红影 发表于 2025-3-19 21:27
刚才去看了，非常漂亮的制作

还好，一般般

红影

马黑黑 发表于 2025-3-19 21:27
注意它对应的CSS选择器是 #lrcDiv { ... }，这是模块定义好的

嗯，这个需要对应，否则修改无效。

马黑黑

红影 发表于 2025-3-19 21:31
嗯，这个需要对应，否则修改无效。

是的