luk-str / archive-radio Goto Github PK

Add the ability to control the player (pause / next song / previous song ) with keyboard shortcuts

Figure out a way to have the album art animate in smoothly once loaded. It takes a while to load the image and currently it just jumps in once loaded.

Adding a fade-in might be enough 🤔

Add shortening for long titles that sometimes occur, so that they don't mess up the layout. Ideally there should be a fixed space for title / author display that always stays the same.

Potential solution might be to hide the overflow and add animation that slowly scrolls the title horizontally to reveal the full text (like in a car radio).

Update the loading text every couple of seconds when loading so that users on slow connections can see it's not stuck.

There should be a link to the original Internet Archive page containing current track.
Maybe in the form of a button somewhere near the audio controls?

The background should be blurred when an info or share modal is open. It seems to work in all the browsers except Firefox.

We need either a different solution or to check if the blurring command is implemented in a different way / behind a flag in Firefox.

Should be an easy fix 🔨

It would be nice to add the possibility of loading URLs that open a specific song.
I'm thinking something like https://{archive-radio-url}?trackID={trackID}

It would allow for bookmarking a specific song or sharing tracks with others without leaving the Archive Radio ecosystem.

Keyboard controls arrow right/left sometimes trigger incorrectly and the array of tracks starts looping between 3 tracks.

Update the HTML page title with the track name when loading new track.

Consider implementing Web Audio API instead of html audio elements to allow for better control of audio.

Add a button to the Controls module that allows users to adjust audio volume.

Potential features:

• Display volume bar on hover which changes the volume when clicked according to position
• Mute/unmute the volume on button click
• Toggle the button icon between speaker/muted-speaker when muted/unmuted

Add the possibility to change layout colors to dark (or maybe even switch between 2-3 color themes).