The YouTube Audio Player

What is this?

This is a YouTube audio-only player consisting of a Javascript frontend and Node.js backend.

What is this written in?

• Javascript (pure),
• Node.js.

What are some of the main features?

• Uses node-ytdl-core to acquire the URL of an audio stream only (as YouTube provides separate video and audio streams and muxes them in-browser),
• Uses the Web Audio API to natively play the audio stream,
• Uses pure JS and DOM manipulation to provide a simple and responsive UI in the form of a player and playlist,
• Uses the Web Storage API to store the playlist in local storage.

What's the point?

Mostly familiarizing myself with the Web Audio API and practicing DOM manipulation, although there is a point to be made about this tool being useful in limited data scenarios.

How do I use this?

1. Paste YouTube URL in the appropriate input field,
2. Select the video in the playlist,
3. Listen.

Where can I use this?

Check out this demo right here.

How do I launch this myself?

1. git clone https://github.com/54ac/yt-audio-player.git .
2. npm i
3. npm start