Any ideas of how to implement this layout in compo...

# compose

[Jeff]

Any ideas of how to implement this layout in compose? The lyrics are highlighted as the song plays.

[Nicolai]

Do you have the timestamp for each word? Otherwise it would just be guessing which word we've reached.

[Jeff]

No timestamps currently. I have some midi files and need to match them to the lyrics

[Csaba Szugyiczki]

Text APIs in Compose are pretty powerful. You might be able to do it by updating the span style of each word as the song progresses.

https://www.youtube.com/watch?v=_qls2CEAbxI&t=201s▾

But I guess If you need autoscroll and everything that Spotify has you might need to implement your View by drawing directly on the canvas yourself

[efemoney]

Or maybe have the lyrics split into multiple `Text`s in a LazyColumn and focus the right sentence as the song proceeds, it should scroll as different sentences are focused. Text color can be (animated) based on focused state of that text sequence

[Valentin Gusselnikov]

Check this thread: https://twitter.com/EnDeepFour/status/1612742331773423617. Source code: https://github.com/dokar3/amlv

[Jeff]

Thanks guys