i want to show the sound waves from my music player all the time but every time i try the music plays by itself

here is a part of my code, I'm using the lib wavsurfer.js

ps: I'm calling the generateWaveform function in ngOnInit for the sound waves to appear when the application starts

      new Promise((resolve): void => {
          this.wave = WaveSurfer.create({
              container: '#waveform',
              waveColor: this.artist.primaryColor,
              progressColor: 'dark',
              height: 16,
          });

          this.wave.on('ready', () => {
              this.wave.play();
          });
        this.cd.detectChanges();

          this.wave.load(this.music);

          resolve(null); 

      });
  }

  onPreviewPressed(): void {
      this.changeButton('play');
      if (!this.wave) {
          this.generateWaveform();
      }

      this.cd.detectChanges();

      this.wave.load(this.music); 

      new Promise((resolve, reject) => this.wave.load(this.music));

  }

  changeButton(chave: String) {
      setTimeout(() => {
          if (chave === 'play') {
              this.handlePlay();
          } else {
              this.handlePause();
          }
      }, 100);
  }