Music Player with Auto Scrolling Lyrics or Scroll Bar with Player Thumb Position

[nikzdreamer2001 (Nikhil Kumar Gupta)]

Read this post again and try to understand

@nikzdreamer2001

so now what you have to do build a logic for this so i am dividing tutorial into parts. there are total 3 parts. -

Part1

Suppose you are displaying lyrics in vertical arrangement
So every lyric has different length means some are of 80 words, some 150 words whereas some as of 120.
i wanna say due to different length of lyrics we get different height for vertical arrangement .

So first of all you have to store active height of that vertical arrangement where we are displaying lyrics.

Part2

so in this part we have to understand that how much we have to scroll in 1 second.
Now suppose height is 240pixel and you stored it i variable(Named lyricheight )
Now we have to focus on time length of music suppose its of 2 min therefore mean 120sec.

so now as we no we can conclude that height is 240px and time 120sec it mean in 1 sec we have to scroll by 2px.

Part3

As we got that we have to scroll it by 2px every second

Now take clock and set it to 1000ms and in when clock.timer set timer enable to false and then do scroll by 2px .after that agar enable timer.

and in the end of music just stop the timer.

Conclusion

you are scrolling lyrics till the end of song.

[KABIRI_APPS (Pankaj Kumar)]

I Describe more :-

Vertical Scroll Arrangement height is 402 Pixl
Player Duration is 625 Seconds

So in 1 Second 0.64 Pixl should scroll.

and this is correct as per block.

[KABIRI_APPS (Pankaj Kumar)]

I Describe more :-

Vertical Scroll Arrangement height is 402 Pixl
Player Duration is 625 Seconds

So in 1 Second 0.64 Pixl should scroll.

and this is correct as per block.

[nikzdreamer2001 (Nikhil Kumar Gupta)]

@KABIRI_APPS

very small value of pixl

so you can double the pixel(that is 0.64*2 = 1.28)

[KABIRI_APPS (Pankaj Kumar)]

Please look in also…

Vertical Scroll Arrangement height is Automatic and its height increased to a unknown value after getting data from airtable sheet.

but there is no way to find the height of Scroll Arangement to me.

Because 402 height is when Lyrics data on updated.

[nikzdreamer2001 (Nikhil Kumar Gupta)]

@nikzdreamer2001

take a variable(named lyricheight and initialize it to 0 ) and and when you set lyrics to label then after that set lyricheight to vertical arrangement height.

and in below block

instead of vertical scroll arrangement height use lyricheight variable.

you have to use this method that is get height of arrangement when screen initialize(or when got lyrics) and store in variable

[KABIRI_APPS (Pankaj Kumar)]

Is there any method to calculate the distance between two labels ?

[nikzdreamer2001 (Nikhil Kumar Gupta)]

means label 1 and label 2?

[KABIRI_APPS (Pankaj Kumar)]

if i take 1 label before lyrics and 1 label after lyrics.

than vertical distance between them.

[nikzdreamer2001 (Nikhil Kumar Gupta)]

use animation utils component

[Yoshi (KidKoder)]

OR use Phase • Animations made easy!

It’s too good for a FREE Extension.

[KABIRI_APPS (Pankaj Kumar)]

Vertical Distance Calculation Formula

[Peter (Moderator)]

@KABIRI_APPS

gentleman

What about all the women on the community?

[KABIRI_APPS (Pankaj Kumar)]

ohk Sorry All Developers are invited to solve this puzzle.

[nikzdreamer2001 (Nikhil Kumar Gupta)]

That’s correct

[KABIRI_APPS (Pankaj Kumar)]

Thanks to all…& Specialy Thanks to nikzdreamer2001

Finally Scrolling is working as per my need…

My Final Blocks are here …