代码之家 › 专栏 › 技术社区 › Artem Bernatskyi second

在更新音频元素中的“src”之后,事件侦听器会发生什么情况?(反应)

react-redux redux audio reactjs html5

0

Artem Bernatskyi second · 技术社区 · 6 年前

以这种方式处理歌曲更改是否有效?
更新后事件侦听器将发生什么 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>

1 回复 | 直到 6 年前

1

Thaadikkaaran 6 年前

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

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

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

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