在我更新音频元素中的 `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();
以这种方式处理歌曲更改是否有效?
在我更新 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();