javascript - JavaScript中的波形

我正在尝试使用wavesurfer.js：

<!DOCTYPE html>
<html>
    <body>
        <div id="waveform" style="width: 500px; height: 200px;"></div>
        <script src="wavesurfer.min.js"></script>
        <script>
            var wavesurfer = Object.create(WaveSurfer);
            document.addEventListener('DOMContentLoaded', function () {
                wavesurfer.init({
                    container: document.querySelector('#waveform'),
                    waveColor: 'violet',
                    progressColor: 'purple',
                    normalize: true
                });
                wavesurfer.load('sound.mp3');
            })
        </script>
    </body>
</html>

而不是波形，我只能看到一条垂直线：

enter image description here

声音文件sound.mp3包含12秒的人类语音。

JavaScript中的波形

0 个答案: