使用React重新安裝音頻對象時不重新啓動流

Question

我有一個反應組件，其中包含播放直播的Audio對象。當組件最初加載它開始播放時，但是，如果我卸載組件然後重新安裝它，播放按鈕不起作用，並且流不會重新啓動。

下面是組件和生命週期方法的代碼：

import React from 'react' 
import compose from 'recompose/compose' 
import lifecycle from 'recompose/lifecycle' 

const enhance = compose(
    lifecycle({ 
    componentDidMount() { 
    this.audio = new Audio() 
    this.audio.src = 'http://some-stream-url.com' 
    this.audio.play() 
    this.audio.muted = true 
    }, 
    componentDidUpdate() { 
    this.audio.muted = !this.props.playing 
    }, 
    componentWillUnmount() { 
    this.audio = '' 
    this.audio = null 
    } 
}) 
) 

const Player = (props) => null 

export default enhance(Player) 

Answer 1

停止音頻和重啓當前時間。

componentWillUnmount() { 
    this.audio.pause() 
    this.audio.currentTime = 0 
}