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

// 1. 读取PCM文件
fetch('path/to/pcm/file.pcm')
  .then(response => response.arrayBuffer())
  .then(buffer => {
    // 2. 解析PCM数据
    const dataView = new DataView(buffer);
    const pcmData = [];
    for (let i = 0; i < buffer.byteLength; i += 2) {
      const sample = dataView.getInt16(i, true);
      pcmData.push(sample);
    }

    // 3. 绘制波形
    const canvas = document.getElementById('waveformCanvas');
    const context = canvas.getContext('2d');
    const width = canvas.width;
    const height = canvas.height;
    const step = Math.ceil(pcmData.length / width);
    context.clearRect(0, 0, width, height);
    context.beginPath();
    context.moveTo(0, height / 2);
    for (let i = 0; i < width; i++) {
      const sample = pcmData[i * step];
      const y = (sample / 32768) * (height / 2) + (height / 2);
      context.lineTo(i, y);
    }
    context.stroke();
  });