Динамически загружать файлы в плагин waveurfer
Привет я хочу загрузить аудио файл для отображения цифровых сигналов в браузере. Я использую wavesurfer.js для отображения цифровых сигналов. Может ли кто-нибудь помочь мне отобразить цифровые сигналы для динамически загружаемого аудиофайла. Как изменить мой код, чтобы он мог читать выбранные системой аудио и отображать цифровой сигнал для него?
Javacript:
input.onchange = function(){
var sound = document.getElementById('sound');
var reader = new FileReader();
reader.onload = function(e) {
sound.src = this.result;
sound.controls = true;
sound.display();
// sound.play(); autoplay feature!!
};
reader.readAsDataURL(this.files[0]);
}
var buttons = {
play: document.getElementById("btn-play"),
pause: document.getElementById("btn-pause"),
stop: document.getElementById("btn-stop")
};
// Create an instance of wave surfer with its configuration
var wavesurfer = WaveSurfer.create({
container: '#audio-spectrum',
progressColor: "#03a9f4",
container: document.querySelector('#audio-spectrum'),
backend: 'MediaElement'
});
// Handle Play button
buttons.play.addEventListener("click", function(){
wavesurfer.play();
// Enable/Disable respectively buttons
buttons.stop.disabled = false;
buttons.pause.disabled = false;
buttons.play.disabled = true;
}, false);
wavesurfer.load('http://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/song_cjrg_teasdale_64kb.mp3');