CodeWithNiranjan / Audio-Wave-effect-using-wavesurfer

In this tutorial we will be learning how to add audio wave effect into your website using WaveSurfer.js

Home Page:https://youtu.be/sW1Nbpt1tbg

Repository from Github https://github.comCodeWithNiranjan/Audio-Wave-effect-using-wavesurferRepository from Github https://github.comCodeWithNiranjan/Audio-Wave-effect-using-wavesurfer

WaveSurfer.js

wavesurfer.js is an HTML 5 audio player and waveform visualizer, made with JavaScript and Web Audio.

Installation

<script src="https://unpkg.com/wavesurfer.js"></script>

Usage

var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple'
});
wavesurfer.load('audio.mp3');

Subscribe

Please subscribe CodeWithNiranjan

Thank You

About

In this tutorial we will be learning how to add audio wave effect into your website using WaveSurfer.js

https://youtu.be/sW1Nbpt1tbg


Languages

Language:HTML 73.5%Language:CSS 26.5%