Nexus - Youtube music player

• 

  the website

Inspiration

I am a big fan of music so i wanted to make my own music player.

What it does

the website allows you to search up your favourite songs after that it will display the top 10 search results on the screen, after which you can just pick the one you want and enjoy the song.

How i built it

to build this website i used: Frontend:

• Vanilla HTML/CSS/JavaScript for maximum performance
• Custom responsive UI with CSS Grid/Flexbox
• Modern audio player controls using HTML5 Audio API

Backend:

• Python Flask server handling API requests
• yt-dlp library for YouTube content extraction

Challenges we ran into

I faced several technical hurdles including YouTube's dynamic content extraction (solved with yt-dlp's custom configurations), inconsistent audio streaming reliability (addressed through format fallbacks and error handling), and mobile browser limitations (overcome with click-to-play interactions).

What we learned

• learnt how to use yt-dlp.
• how to use gemini co pilot to debug the errors.

What's next for Nexus - Youtube music player

• better ui
• adding playlists and queue system

Built With

• backend
• css
• deepseek
• gemini
• html
• javascript
• python
• yt-dlp