Javascript 为什么我在玩wavesurfer.js时有两个波形?

Javascript 为什么我在玩wavesurfer.js时有两个波形?,javascript,audiocontext,wavesurfer.js,Javascript,Audiocontext,Wavesurfer.js,我有: 这很有效: 但当我播放时,会显示另一个波形: 我做错了什么?将两者设置为相同的颜色似乎解决了这个问题: this.wavesurfer = WaveSurfer.create({ container: "#wavesurfer-player", height: 50, audioContext: _.get(this.$store, "state.audioContext.context"), waveColor: "b

我有:

这很有效:

但当我播放时,会显示另一个波形:


我做错了什么?

将两者设置为相同的颜色似乎解决了这个问题:

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");
      });
        waveColor: "blue",
        progressColor: "red"