wavesurfer.js 尝试在区域中设置句柄样式

Question

我正在使用 wavesurfer.js 4.6.0 并且可以创建区域。我可以更改区域的背景颜色并动态设置区域是否循环，但我还想更改区域左右手柄的颜色。

文档没有显示在创建区域时设置它的方法，但如果我查看 gitHub 中的代码，它有：

this.loop = Boolean(params.loop);
this.color = params.color || 'rgba(0, 0, 0, 0.1)';
// The left and right handleStyle properties can be set to 'none' for
// no styling or can be assigned an object containing CSS properties.
this.handleStyle = params.handleStyle || {
    left: {},
    right: {}
};

其中显示了如何设置循环和颜色。它还表明它需要一个 handleStyle 以便您可以设置左右手柄的样式，但我似乎无法让它工作。

这可以吗？如果是这样，有人有如何设置它的例子吗？

我在 Angular 11.2.6 和节点 10.15.3

Answer 1

我发现了问题。如果行：

this.handleStyle = params.handleStyle || {

至

this.handleStyle = params.params.handleStyle || {

它会起作用的。我们决定需要对区域进行一些其他修改，所以我刚刚将区域插件复制到我们的代码树中以进行更改。

wavesurfer.js 尝试在区域中设置句柄样式

wavesurfer.js trying to style handles in regions

wavesurfer.js