Audio player visualization Using Wavesurfer.js

Опубликовано: 03 Июнь 2026
на канале: Adey Coder
12,165
190

In this video, we will see how to implement a web audio player using simple Javascript library wavesurfer.js which "is a customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas". it uses to draw a waveform visualization as a progress bar and it is interactive.

WaveSurfer.js Doc: https://wavesurfer-js.org/
-
The editor used: Visual Studio Code (VS Code)
Adey Coder Dark Theme: https://marketplace.visualstudio.com/...
-
#Subscribe Now:    / @adeycoder  
-
If you enjoy my content, please consider supporting what I do. Thank you.
☕ https://www.buymeacoffee.com/adeycoder
-
Stay in #Contact
🌍 Telegram : https://t.me/adeycoder
🌍 Facebook : https://fb.me/adeycoder
🌍 Instagram :   / adeycoder  
🌍 Twitter :   / adey_coder  
🔗 All in one: https://znap.link/adeycoder


Audio used
---
Music: TheFatRat - Upwind
Watch the official music video:    • TheFatRat - Upwind [Chapter 4]  
Listen here: https://lnk.to/tfrupwindyt
---
Music: TheFatRat & RIELL - Hiding In The Blue
Watch the official music video:    • TheFatRat & RIELL - Hiding In The Blue [Ch...  
Listen here: https://lnk.to/HITBYT
---
Track: Jim Yosef, Electro-Light, Anna Yvette, Deaf Kev & Tobu - Destiny [NCS10 Release]
Music provided by NoCopyrightSounds.
Watch:    • Jim Yosef, Electro-Light, Anna Yvette, Dea...  
Free Download / Stream: https://ncs.io/Destiny