Динамически загружать файлы в плагин 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');

0 ответов

Другие вопросы по тегам