在我更新音频元素中的 `src` 之后,事件监听器会发生什么? (反应)

What will happen to event listeners after i will update `src` in Audio element ? (React)

以这种方式处理歌曲更改是否有效?
在我更新 src 并重新呈现 Audio 元素后,事件侦听器会发生什么情况?

<audio
  ref={ref => (this._player = ref)}
  onEnded={() => this.next()}
  src={this.props.active_song.audio_file}
  onCanPlayThrough={this.onCanPlay.bind(this)}
  onTimeUpdate={this.listenProgress.bind(this)}
  onPause={this.onPause.bind(this)}
  onPlay={this.onPlay.bind(this)}
  autoPlay={this.state.play}
  preload="none"
>
</audio>

事件侦听器不会发生任何事情。

当您动态更改 src 时,只有 url 源被更改,而不是加载的音频流。

要播放新音频,您必须加载并播放它。

this._player.pause();
this._player.load();
this._player.play();