如何在javascript中使用pcm文件(.pcm)绘制波形？

Question

我要把pcm转换成mp3吗？我用mp3绘制了一个波形，然后用wavesurfer.js进行了测试，完成了。但是我不知道怎么使用pcm。以下是代码。

//javascript
    var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    scrollParent: true,
    waveColor: 'violet',
    progressColor: 'purple'
});

wavesurfer.load('/audio/1.mp3'); // I want to use .pcm insted of .mp3

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

// html
  <div id="waveform">waveform</div>
  <button onclick="wavesurfer.play()">Play</button>
  <button onclick="wavesurfer.pause()">Pause</button>
  <button onclick="wavesurfer.stop()">Stop</button>
  <button onclick="wavesurfer.playPause()">Play/Pause</button>

Answer 1

对于任何从谷歌登陆这里的人：

加载文件(在wavesurfer.on('ready'..函数中)后，可以调用wavesurfer.exportPCM()，如下所示：

wavesurfer.on('ready', () => {
     wavesurfer.exportPCM().then(PCMData => {
          console.log(PCMData);
     });
});

在日志中，您将获得该数据。获得数据后，可以将其保存在服务器上，下次加载页面时，可以将其作为第二个参数传递给wavesufer.load(url, PCMData)，您将立即看到波形。