在 wavesurfer 中删除区域

Deleting region in 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', function(region, event){...}

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