如何在Flutter上创建卡拉OK风格的歌词播放器

Question

[您好，我刚开始颤抖，我作为一个个人项目开始创建karaoke风格的应用程序，我正在使用CupertinoPicker自动滚动歌词，并在歌曲前进的过程中进行滚动。该视频当前的状态是：https://www.youtube.com/watch?v=hxLOEytLF9s

我有以下信息：

[
{
    phrase: "Fisrt phrase",
    startAt: timeInMiliseconds
},
{
    phrase: "Second phrase",
    startAt: timeInMiliseconds
}

我想知道如何使动画随着字母的进展而改变字母的颜色，动画的持续时间将是当前短语的开始时间与下一个句子开始。以及如何添加动画角色。

类似于您在此视频中看到的内容：https://www.youtube.com/watch?v=iOchBDkNZg8

我该如何做类似的事情？

Answer 1

有一个插件。您可以使用支持歌词文件.lrc格式的https://pub.dev/packages/flutter_lyric