https://github.com/pushpendra-1697/iotready
The "React Audio Player" is a web application that allows users to upload audio files (e.g., mp3) and create playlists. The application utilizes built-in Browser APIs to store the audio files locally. Users can view and interact with a playlist, including a "now playing" view that displays the currently playing audio file.
https://github.com/pushpendra-1697/iotready
browser-api html-audio-player html-css-javascript localstorage react-components reactjs
Last synced: 8 months ago
JSON representation
The "React Audio Player" is a web application that allows users to upload audio files (e.g., mp3) and create playlists. The application utilizes built-in Browser APIs to store the audio files locally. Users can view and interact with a playlist, including a "now playing" view that displays the currently playing audio file.
- Host: GitHub
- URL: https://github.com/pushpendra-1697/iotready
- Owner: Pushpendra-1697
- Created: 2024-01-30T07:54:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-31T04:31:47.000Z (over 1 year ago)
- Last Synced: 2025-01-06T04:13:02.876Z (9 months ago)
- Topics: browser-api, html-audio-player, html-css-javascript, localstorage, react-components, reactjs
- Language: JavaScript
- Homepage: https://audioplayer-liard.vercel.app/
- Size: 188 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Audio-player-app
## Overview
The "React Audio Player" is a web application that allows users to upload audio files (e.g., mp3) and create playlists. The application utilizes built-in Browser APIs to store the audio files locally. Users can view and interact with a playlist, including a "now playing" view that displays the currently playing audio file. The standard HTML audio player is employed for playback, and users can seamlessly transition to the next file in the playlist upon completion.
The application provides a persistent user experience by saving the last playing audio file and its playback position. This ensures that when the page is reloaded, the user can resume playback from the last position.
## Tech Stacks
React.js, localStorage, React-Component, Browser-API, HTML-CSS-JS, HTML-audio-Element and HTML-audio-player.
## Hosted Web App Link on Vercel
```bash
https://audioplayer-liard.vercel.app/
```
## How to run locally
- On Windows
```bash
npm run start
(or)
npm start
```
## Some Screenshots for application
