/yt-audio-player

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

Primary LanguageHTML

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/rowrawer/yt-audio-player.git .
  2. npm i
  3. npm start