在wavesurfer中删除区域

问题描述

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

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

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

解决方法

问题来了：

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

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

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

这里是官方文档的链接：https://wavesurfer-js.org/example/annotation/index.html