How to implement the radio effect?

Question

css

There is a layout, implementation is needed, I have already broken my head, I don’t understand how to make it beautiful.
It is necessary to drive along the strip with the radio, and when hovering, so that it becomes active. + the arrows below must also be working, it will be the same, changing the station.
Tell me how to solve or in which direction to look for a solution?
Thank you!

Answer 1

Put a drag drop carousel, when the slide in the middle is given class="active", color the active element through styles: that's the whole implementation. It is better, of course, to write it yourself in vanilla or jikvere, but you will not do this - give it to freelancing.

Answer 2

Make a big player block. It contains a block with frequencies, which will obviously be larger than the "radio" block. In the block with frequencies, you can put a static block responsible for the cutoff, which shows what kind of wave it is at the moment. Next, it remains to make buttons or whatever you want there. Clicking on them will calculate how many pixels to shift the "frequency" block. And then it's JS to calculate the "real frequencies" and reproduce what is caught) Of
course, these are all abstractions. In practice, everything is different. As always....