플레이어 제어

1.x는 ref를 통해 플레이어를 제어합니다.

import { useRef } from 'react';
import { Button, View } from 'react-native';
import { YoutubePlayer, type PlayerControls } from 'react-native-youtube-bridge';

function App() {
  const playerRef = useRef<PlayerControls>(null);

  return (
    <View>
      <YoutubePlayer ref={playerRef} source="AbZH7XWDW_k" />
      <Button title="Play" onPress={() => playerRef.current?.play()} />
      <Button title="Pause" onPress={() => playerRef.current?.pause()} />
      <Button title="Seek" onPress={() => playerRef.current?.seekTo(30, true)} />
    </View>
  );
}

주요 메서드

  • play, pause, stop, seekTo
  • setVolume, getVolume, mute, unMute, isMuted
  • getCurrentTime, getDuration, getVideoUrl, getVideoEmbedCode
  • getPlaybackRate, setPlaybackRate, getAvailablePlaybackRates
  • getPlayerState, getVideoLoadedFraction
  • loadVideoById, cueVideoById, setSize