Wavesurfer IOS Issues

by Craig Martin

HTML

<script src="http://wavesurfer-js.org/dist/wavesurfer.min.js"></script>
<button id="loadFile">Load File</button>
<button id="playPause">play/pause</button>
<span id='time'></span>
<br><br>
<div id="wave"></div>

CSS

#wave {
    cursor:text;
}

JavaScript

function playPause(){
	wavesurfer.playPause();
}

function loadFile(){
    wavesurfer.load("http://jamesdevfiles.s3.amazonaws.com/MpwFile/1441.mp3");
}

function updateTime(){
	setTimeout(function(){
    	elem = document.getElementById('time');
        elem.innerHTML = wavesurfer.getCurrentTime() + ' / ' + wavesurfer.getDuration();
        if(wavesurfer.isPlaying())
            updateTime();
    }, 100);
}

elem = document.getElementById('playPause');
elem.onclick = playPause;

elem = document.getElementById('loadFile');
elem.onclick = loadFile

var wavesurfer = Object.create(WaveSurfer);
wavesurfer.init({
    container: '#wave',
    waveColor: '#BD262E',
    progressColor: '#364150',
    backend: 'MediaElement'
});

wavesurfer.on('ready', function(){
	wavesurfer.playPause();
    updateTime();
});