Skip to content

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.

Notifications You must be signed in to change notification settings

Pushpendra-1697/IoTReady

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

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

    https://audioplayer-liard.vercel.app/

How to run locally

  • On Windows
    npm run start 
    (or) 
    npm start

Some Screenshots for application

Screenshot (461)

Screenshot (462)

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published