为什么我在玩 wavesurfer.js 时有 2 个波形？

Question

我有：this.wavesurfer = WaveSurfer.create({        container: "#wavesurfer-player",        height: 50,        audioContext: _.get(this.$store, "state.audioContext.context"),        waveColor: "blue",        progressColor: "red"      });      this.wavesurfer.on("loading", progress => {        this.loadingProgress = progress;      });      this.wavesurfer.load(this.url);      this.wavesurfer.on("ready", () => {        this.loadingProgress = 100;        this.wavesurfer.un("ready");      });这很有效：但是当我播放时，显示另一个波形：我究竟做错了什么？

Answer 1

将它们设置为相同的颜色似乎解决了这个问题：

        waveColor: "blue",
                progressColor: "red"