MelodyStream is a lightweight web-based music streaming app built using the YouTube Data API v3 and a custom Node.js + yt-dlp backend. It allows users to search YouTube using keywords, retrieves video IDs, fetches direct audio stream URLs via the server, and plays audio in-browser using the <audio> tag—no iframes!
⚠️ Not deployed publicly — this project was built purely for learning API integration and backend streaming techniques.
| Section | Description |
|---|---|
| 🎯 Features | Search any song via YouTube Data API, show thumbnails & titles, and play audio directly. |
| 🛠️ Tech Stack | Frontend: HTML, CSS, JS (for learning DOM & fetch) Backend: Node.js + Express + yt-dlp API: YouTube Data API v3 |
| 🧭 How It Works | 1. User searches → YouTube API returns video IDs 2. ID sent to backend → yt-dlp fetches audio 3. Audio URL streamed to <audio> tag and played |
| 📁 Project Structure | File/folder breakdown |
| 🚀 Getting Started | Setup instructions for local use |
| 🎬 Demo | Video walkthrough |
| 📄 License | Usage rights and license type |
⚠️ Note: This video may not be viewable in all countries due to copyrighted background music. It’s shared for learning and demonstration purposes only.