javascript - 如何在 javascript 中使用 pcm 文件（.pcm）绘制波形？

Question

我可以将 pcm 转换为 mp3 吗？我使用 wavesurfer.js 进行测试，使用 mp3 绘制波形并完成。但我不知道如何使用 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)，您将立即看到波形。