NoizeBox

This is Unfinished

Screenshot of NoizeBox webpage Screenshot from NoizeBox X UI (Unfinished)

What is it?

In the most simple of descriptions it’s a Reddit music player, using a subreddit name it lists all of the compatible media formats and can the play them one after another. It can play songs from YouTube, SoundCloud, Bandcamp and just vanilla audio formats. With a mix of Embeds being controlled using their API’s or tracks ripped from the page otherwise.

Why does it exist?

As with many of these projects, it was a desire to make something simple I can use to discover new music, at the time of it’s creation I was at College / Uni and would often use the subreddit /r/listentothis to discover new music. Instead of clicking each track and then opening them, playing them and closing when finished I wanted a more seamless experience so went with rolling my own solution; the most functional version was probably the most basic / messy.

What exactly does it do?

Fetching from Reddit
Media Containers
Scraping
Playing

What Can it do?

Fetch Subreddit Info -> Filter Data -> List Tracks Click Track -> Load Track into Container -> Start Container

Controls:

Volume Control
Scrubbing
Next / Previous
Links to original post / media
Switching between Reddit titles / Media titles

What is it made using?

HTML, CSS, JS
HTML, CSS, Vue
HTMX, Alpine

There are multiple version of the software, the most basic one made early was made using just JS, HTML and CSS without any framework for reactivity or anything. Later there were versions using Vue and then later Alpine + HTMX. The backend was always using Node, with mostly just a small endpoint to scrap url’s from Bandcamp and pull information from Reddit.

What are all these different versions?

screenshot of original NoizeBox Original NoizeBox UI

screenshot of vue version of NoizeBox NoizeBox Vue UI

screenshot of htmx / alpine version of NoizeBox NoizeBox HTMX UI

What is it’s final state?

A functional first version made in 2017
A functional Vue version made in 20XX
Somewhat functional HTMX / Alpine version made in 2022

Why is there no repo for it / site hosted ?

Two very simple reasons:

I no longer use it
Piracy