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 和 Node 10.15.3

Answer 1

我发现了问题。如果行：

this.handleStyle = params.handleStyle || {

到

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

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