Uploading an mp3 file with no backend

Question

I'm making a music visualizer, and it's functional if the mp3 file is in the repository. So any songs it plays have to already be downloaded by me. I want to create kind of a drag and drop option where users can put mp3 files and then watch them being played. However, if at all possible, I'd like to avoid building an entire backend just for this one feature.

Is there a way to temporarily store a user file, which disappears on refresh?

Answer 1

It sounds like you're looking for the FileReader API, which allows you to work with files in JavaScript after the user chooses them from a file picker. You can find more info here .

Googling "JavaScript FileReader sound" returns a ton of results, including:

• JavaScript / HTML5 audio: play mp3 file loaded by user via file selector in Android Chrome
• JavaScript Play Uploaded Audio
• Play audio local file with html
• decode & play a song using html5 file api