Custom Audio Player with HTML CSS & JS

Опубликовано: 04 Июль 2026
на канале: DivByDiv
4,291
28

Today we are going to build a custom audio player using HTML, CSS and JS

For this example we will use https://wavesurfer-js.org/ and customize our player by adding custom values to the available options

Support the channel and download the code here: https://divbydiv.mn.co/courses/7119911

0:00 Introduction
1:04 Project setup
2:26 Wavesurfer js Integration
4:11 Setup the play/pause functionality
10:15 Customize the audio player using options
18:15 Overview of other possible features to be used
19:50 Outro

--------------------------------------------------------------------------------------------------

What is DIVBYDIV?
Checkout this intro video:    • What is DIV BY DIV ?  

About me:
I'm a 12+ experienced Web Developer and a Software Engineer, I have Created the channel div by div to teach you everything I learned about web development.

You are more than welcome to subscribe and learn from my tutorials.
Happy coding and I will see you in the next video :)

--------------------------------------------------------------------------------------------------

You can also follow me on

Facebook:   / divbydiv  
Instagram:   / divbydiv  
Mighty Networks: https://divbydiv.mn.co
Medium:   / divbydiv  
Anchor Podcast: https://anchor.fm/divbydiv
TikTok:   / divbydiv  
Merchandising: https://divbydiv-shop.creator-spring....