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

Question

我正在为我的音频应用程序使用react-music-player（lijinke666 / react-music-player）。我工作得很好，但是我有一个用例，我必须控制播放器外部按钮的音频播放和暂停。播放器的播放和暂停按钮可以正常工作，但根据使用情况，也应从外部播放/暂停按钮进行控制。

到此为止，实现工作已经完成：

  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}  />

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

Answer 1

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

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

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

通话

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