Audio Player

This is a simple audio player that can play audio files from the local file system. It is built using React.js and the HTML5 audio element.

Technologies

• React.js
• TypeScript
• Vite
• rc-progress

Features

• Play/Pause/Stop audio
• Add audio files to the playlist
• Adaptive UI
• Remove audio from the playlist
• Seek audio

Installation

1. Clone the repository
2. Run yarn or npm install to install the dependencies
3. Run yarn dev or npm run dev to start the development server
4. Open http://localhost:5173 in your browser, 5173 is the default port but you can change it in the vite.config.js file if you want

Usage

1. Click on the Add button to add audio files to the playlist
2. Click on the Play button to play the audio
3. Click on the Pause button to pause the audio
4. Click on the Stop button to stop the audio
5. Click on progress bar to seek the audio
6. Click on icon trash near title to remove the audio from the playlist
7. Choose an audio file from the playlist to play it

Demo

You can view a live demo here

Screenshot: