用React重新安装时，音频对象不会重新启动流

Question

我有一个react组件，其中包含一个正在播放实时流的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
}