WebPlayer

A web-based music player built with React and TypeScript.

Live Demo

https://gabiquintao.github.io/webplayer/

Features

• Play, pause, and skip tracks
• Seek through songs with progress bar
• Volume control (desktop only)
• Repeat mode toggle
• Skip forward/backward 10 seconds
• Song selection dropdown
• Responsive design

Controls

• Play/Pause: Start or stop playback
• Previous/Next: Navigate between tracks
• 10s Skip: Jump forward or backward 10 seconds
• Seek Bar: Click or drag to jump to any part of the song
• Volume: Adjust playback volume (desktop only)
• Repeat: Loop the current track

Mobile Note

Volume control is not available on mobile devices due to browser restrictions.

Built With

• React
• TypeScript
• Vite
• GitHub Pages