reactjs - 在 react-music-player 中切换播放/暂停

Question

我正在为我的音频应用程序使用 react-music-player(lijinke666/react-music-player) 。我工作正常，但我有一个用例，我必须通过播放器外部的按钮控制音频的播放和暂停。播放器的播放和暂停按钮工作正常，但根据 m 用例，它也应该从外部播放/暂停按钮控制。

这是到目前为止完成的实现：

  this.state = {
      playing: false,
      options: {
        audioLists: [
          {
            singer: "Jay Chou",
            cover: this.props.thumbnail,
            musicSrc: this.props.streamUrl,
          },
        ],
        autoPlay: true,
        mode: "full",
        clearPriorAudioLists: true,
      },
      defaultPosition: {
        bottom: 0,
      },
    };

    <ReactJkMusicPlayer {...options}  />

关于如何从播放器外部触发播放/puse 功能的任何建议？

Answer 1

使用getAudioInstance回调获取对音频实例的引用，然后对其调用操作。

const getAudioInstance = instance => {
  this.player = instance;
}

<ReactJkMusicPlayer {...options} getAudioInstance={getAudioInstance} />

称呼

this.player.play();
this.player.pause();