砍掉进度调节之模拟逐字同步歌词

马黑黑

梦缘 发表于 2022-9-17 09:45
看不太懂，知道好。

其实也不算复杂，就是利用CSS背景色的text剪裁属性，将背景只显示在文本上，然后通过移动盒子的背景，达到涂抹文字颜色的模拟效果。

JS要处理的，是每一句歌词在本句歌词演唱的时段里只上屏一次，以保证lrc显示的稳定性从而可以对之进行相关操作，下来就是令歌词盒子根据每一句歌词记录的用时去调用关键帧动画（关键帧动画的 duration 通过JS赋值）。

红影

马黑黑 发表于 2022-9-16 23:44
极少极少，火星上有

好吧，明白你的意思，还是弄个适应通用情况的代码来好。

红影

马黑黑 发表于 2022-9-16 23:45
弄弄也是可以的，反正就是要个大概

看到你弄出来了，太赞了

红影

马黑黑 发表于 2022-9-16 23:47
如果细调，需要krc或trc等数据，krc是酷狗的，有专利，trc也不好找。

这两个名称我听都没听过，黑黑知道的太多了

马黑黑

红影 发表于 2022-9-17 10:56
看到你弄出来了，太赞了

玩玩

马黑黑

红影 发表于 2022-9-17 10:56
这两个名称我听都没听过，黑黑知道的太多了

我知道有这两个事件，也知道有能够体现改变播放进度的事件，但昨晚前，我不明确就是 seek- 类事件，直到读完文档

红影

马黑黑 发表于 2022-9-17 10:58
我知道有这两个事件，也知道有能够体现改变播放进度的事件，但昨晚前，我不明确就是 seek- 类事件，直到 ...

你能够知道，已经很厉害了，还知道怎么去找，更厉害

小辣椒

马黑黑 发表于 2022-9-16 23:11
我这里的第一句是不唱的，那么，它从0到开唱算起，22.62秒，要个大概数，22秒，18秒也成。

第二句，是 ...

谢谢黑黑非常耐心的指导

小辣椒

马黑黑 发表于 2022-9-16 23:09
大致对就好，不要求很严谨，但要合适

主要要真正领会，刚才看了你发帖上的说明，有了理解，继续去实践

小辣椒

马黑黑 发表于 2022-9-16 23:08
失败原因估计是语句不合法

测试也是花时间，昨天一个晚上下了论坛还是去测试的，最后还是没有成功，主要没有领会，今天继续去测试

马黑黑

小辣椒 发表于 2022-9-17 15:15
测试也是花时间，昨天一个晚上下了论坛还是去测试的，最后还是没有成功，主要没有领会，今天继续去测试

要懂原理

马黑黑

小辣椒 发表于 2022-9-17 15:14
主要要真正领会，刚才看了你发帖上的说明，有了理解，继续去实践

我看行

马黑黑

小辣椒 发表于 2022-9-17 15:12
谢谢黑黑非常耐心的指导

不客气

马黑黑

红影 发表于 2022-9-17 15:02
你能够知道，已经很厉害了，还知道怎么去找，更厉害

这个都有文档的

红影

马黑黑 发表于 2022-9-17 17:31
这个都有文档的

也是你的手册内容之一吧。

马黑黑

红影 发表于 2022-9-17 19:34
也是你的手册内容之一吧。

往上随便找找，我一般找MSN的

红影

马黑黑 发表于 2022-9-17 19:43
往上随便找找，我一般找MSN的

去搜了一下，这个是微软？

马黑黑

红影 发表于 2022-9-18 18:48
去搜了一下，这个是微软？

对，微软文档还是很齐全的，就是很多时候网慢

红影

马黑黑 发表于 2022-9-18 20:19
对，微软文档还是很齐全的，就是很多时候网慢

我从来没去看过

马黑黑

红影 发表于 2022-9-18 20:46
我从来没去看过

看w3school也行