Почему у меня при воспроизведении есть 2 осциллограммы с wavesurfer.js?

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"