在 wavesurfer 中删除区域

【问题标题】：Deleting region in wavesurfer在 wavesurfer 中删除区域
【发布时间】：2021-03-25 09:22:44
【问题描述】：

我遇到了以下示例，您可以在其中删除区域 = https://codepen.io/BusyBee/pen/NpvJBE

deleteButton.addEventListener('click', function(e) {
        region.remove();
    });

但是，您必须先稍微移动该区域才能看到删除按钮。关于如何使删除按钮从一开始就出现的任何想法？

【问题讨论】：

【解决方案1】：

这就是问题所在：

wavesurfer.on('region-update-end', function(region, event){...}

您要在region-update-end 事件上创建删除按钮。此事件仅在拖动或调整大小完成时有效。
因此，如果您想在创建区域时执行某些操作，只需将 region-update-end 替换为 region-created 事件即可。

wavesurfer.on('region-created', function(region, event){...}

【讨论】：