为什么我在玩 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"