27 lines
619 B
JavaScript
27 lines
619 B
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
// Create an instance
|
||
|
|
var wavesurfer;
|
||
|
|
|
||
|
|
// Init & load audio file
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
// Init
|
||
|
|
wavesurfer = WaveSurfer.create({
|
||
|
|
container: document.querySelector('#waveform'),
|
||
|
|
waveColor: '#A8DBA8',
|
||
|
|
progressColor: '#3B8686',
|
||
|
|
rtl: true
|
||
|
|
});
|
||
|
|
|
||
|
|
wavesurfer.on('error', function(e) {
|
||
|
|
console.warn(e);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Load audio from URL
|
||
|
|
wavesurfer.load('../media/demo.wav');
|
||
|
|
|
||
|
|
document
|
||
|
|
.querySelector('[data-action="play"]')
|
||
|
|
.addEventListener('click', wavesurfer.playPause.bind(wavesurfer));
|
||
|
|
});
|