39 lines
874 B
JavaScript
39 lines
874 B
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
var wavesurfer;
|
||
|
|
|
||
|
|
function init() {
|
||
|
|
// configure
|
||
|
|
let options = {
|
||
|
|
container: '#waveform',
|
||
|
|
waveColor: 'violet',
|
||
|
|
progressColor: 'purple',
|
||
|
|
loaderColor: 'purple',
|
||
|
|
cursorColor: 'navy',
|
||
|
|
plugins: [
|
||
|
|
WaveSurfer.minimap.create({
|
||
|
|
container: '#wave-minimap',
|
||
|
|
waveColor: '#777',
|
||
|
|
progressColor: '#222',
|
||
|
|
height: 50
|
||
|
|
})
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// create an instance
|
||
|
|
wavesurfer = WaveSurfer.create(options);
|
||
|
|
|
||
|
|
wavesurfer.on('error', function(e) {
|
||
|
|
console.warn(e);
|
||
|
|
});
|
||
|
|
|
||
|
|
document
|
||
|
|
.querySelector('[data-action="play"]')
|
||
|
|
.addEventListener('click', wavesurfer.playPause.bind(wavesurfer));
|
||
|
|
|
||
|
|
wavesurfer.load('../media/demo.wav');
|
||
|
|
}
|
||
|
|
|
||
|
|
// Init & load
|
||
|
|
document.addEventListener('DOMContentLoaded', init);
|