A simple audio player in React. Play, Pause, Previous, Next actions

This is a basic audio player using react with basic functionality of playing a track, pausing the track, skipping to the previous track, skipping to the next track, and seek-bar. This will show you how to use audio inside react for a basic purpose.

Timecodes
00:00 - Intro
01:20 - Play and Pause actions
13:40 - Seek Bar
24:44 - Previous Track
30:35 - Next Track
32:38 - Final thoughts/Improvements

[abhisheksah]

i was stuck for 1 week on this omg!!! i love u <3

[zexv_mugen]

I want to automatically skip to next song once the song is finished. How I can do this please?
Edit : : Solved!
I make an if statement to duration and current time equal and then call back skipnext function. Surprising it worked at first time.

[mx]

thank u from Ukraine, it is very helpful for me to create my sound design portfolio

[princessntomo]

i have been following this and nothing happens when i npm start....what can be the issue

[KrystianWójtowicz-vm]

do you know how to be able to control speed?

[akanimoakpan]

Nice Video. Tried it over here and it works, however, it when I press the skiptoNext or skipBack button, it doesn't play the music, although it shows that I skipped back. I have to press play button for it to start playing

[shaungaryevans]

where can I get links to simple music to test this on please?

[burakkiraz]

Nice video but I can't understand how it works we added "%" inside the classname="seek_bar ".Also, it didn't work the audioElem.current.currentTime = 0 code when ı click the previous and next track buttons.

[webhero]

Why do you music link no working for me ?

[nagasaravanan]

How to make a full audio track live Spotify by using react tsx. Like volume slider, repeat, automatically next song like this..

[merocgaming]

What version of node-sass are you using? I'm getting compatibility issues.

[adiyulianto]

when I visited the website the music was already on and after that it was able to pause and play again, how to implement the syntack? I'm having trouble

[OmerAdam]

Very nice Video :) Thank you so much. But how does it work, when I want to put local mp3 files in my code? Because you just use urls

[Zagoorland]

your way of writing code is very clumsy :/

[bondedbybud]

Hi so i literally just copied and pasted your project and the audio wont play anything heeelp