https://github.com/belkacemyerfa/spotify-audio-player-sync
This is an audio player web app basic for playing an audio with it's lyrics
https://github.com/belkacemyerfa/spotify-audio-player-sync
react-use-audio-player reactjs repid-api tailwindcss typescript
Last synced: 9 months ago
JSON representation
This is an audio player web app basic for playing an audio with it's lyrics
- Host: GitHub
- URL: https://github.com/belkacemyerfa/spotify-audio-player-sync
- Owner: BelkacemYerfa
- Created: 2023-06-19T14:03:53.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-06T22:33:59.000Z (over 2 years ago)
- Last Synced: 2023-10-06T23:27:31.104Z (over 2 years ago)
- Topics: react-use-audio-player, reactjs, repid-api, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 361 KB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Audio Player Web App
This repository contains a simple web application called "Audio Player" that allows users to listen to audio files. The application is built using React and utilizes context Api to manage all the states.
## Features
- Play and pause audio files
- Display the duration and progress of the currently playing audio
- Seek to a specific position in the audio file
- Volume editing
- Sync with the lyric while playing
- Display the current time of the audio file
- Selecting the lyrics line while and seek to the specific time ( also in reverse )
## ShowCase :
## Installation
1. Clone the repository to your local machine:
```
git clone https://github.com/BelkacemYerfa/spotify
```
2. Run the commands :
```
cd client
npm run dev
```
## Technologies
- ReactJs
- TailwindCss
- react-use-audio-player
- rapidApi
- ContextApi
- @tanstack/react-query
Note : Don't forget to give us a star if you liked the repo