/react

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

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)