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

时间:2018-11-17 17:36:32

标签: flutter flutter-layout flutter-animation

你好,我开始扑朔迷离,我作为一个个人项目创建了一个卡拉OK风格的应用程序,我正在使用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

我该怎么做类似的事情?

1 个答案:

答案 0 :(得分:0)

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