JAMM Labs Radio Testing

:

:

This site is using AmplitudeJS to create the audio player above.

The player is based on the “Blue Playlist” example:

• https://serversideup.net/open-source/amplitudejs/examples/blue-playlist/

Rather than using it as a standalone page, it has been adapted to fit into this site as a reusable component.

Technically, the following has been done:

• The player layout from the Blue Playlist example has been extracted and embedded into a Hugo shortcode
• Playlists are stored as external JSON files and loaded dynamically into the player
• Audio files are hosted locally or on archive.org and streamed directly in the browser
• The original demo CSS has been modified so it does not override the site’s theme (for example removing global body styles)
• A small JavaScript layer initialises AmplitudeJS and builds the playlist UI from the JSON data
• Different playlists can be used on different pages by passing parameters into the shortcode

This approach keeps things simple and in line with an open web workflow: static files, no backend, and a player that can be easily reused, modified, and shared.