如何使用 wavesurfer 仅在波形上绘制区域？

【问题标题】：How can I draw only the region on the waveform using wavesurfer?如何使用 wavesurfer 仅在波形上绘制区域？
【发布时间】：2021-11-12 07:01:00
【问题描述】：

我已经创建了下面的区域，现在我只想在加载音频文件时在波形上绘制该区域。

plugins: [
WaveSurfer.regions.create({
    regions: [
        {
            id: "your id",   
            start: 60,
            end: 80,
            loop: false,
            color: '#cccccc'
        }
    ]
})

]

【问题讨论】：

标签： wavesurfer.js

【解决方案1】：

首先你应该初始化创建，使用一个空对象并且没有参数：

plugins: [ Regions.create({}) ]

之后使用 addRegion 方法添加区域：

WaveSurfer.addRegion({ 
      id: "your id",   
      start: 60,
      end: 80,
      loop: false,
      color: '#cccccc'
})

【讨论】：