Переключить режим воспроизведения / паузы в игре activ-musi c

Question

Я использую реагирующий музыкальный проигрыватель c (lijinke666 / реагирующий музыкальный проигрыватель c) для своего аудио приложения. Я отлично работаю, но у меня есть сценарий использования, когда я должен управлять воспроизведением и приостановкой звука с кнопки вне проигрывателя. Кнопка воспроизведения и паузы плеера работает нормально, но в зависимости от случая использования она также должна управляться извне кнопкой воспроизведения / паузы.

Вот реализация, выполненная до сих пор:

  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();