• 한국어
  • 1.x
  • 플레이어 제어

    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