본문 바로가기

@capgo/capacitor-youtube-player

플레이어 API 제어와 이벤트 처리를 완전히 지원하는 YouTube 비디오 임베드

플레이어 API 제어와 이벤트 처리를 완전히 지원하는 YouTube 비디오 임베드

시작하기 initialize() 그리고 아래에 나열된 다른 핵심 메서드도 있습니다.

플랫폼지원참고 사항
iOS에서는예네이티브
Android예네이티브
웹아니요Capacitor.getPlatform()으로 가드하세요
  • initialize - 새로운 YouTube player 인스턴스를 초기화합니다.
  • destroy - player 인스턴스를 제거하고 리소스를 해제합니다.
  • stopVideo - 비디오 재생을 중단하고 로딩을 취소합니다. 이 메서드는 가급적 사용을 지양하고 pauseVideo()를 사용하는 것이 좋습니다.
  • playVideo - 현재 대기 중이거나 로드된 비디오를 재생합니다. 최종 player 상태는 PLAYING (1)이 됩니다.
메서드설명
initialize새 YouTube player 인스턴스를 초기화합니다.
destroyplayer 인스턴스를 제거하고 리소스를 해제합니다.
stopVideo비디오 재생을 중단하고 로딩을 취소합니다. 이 메서드는 가급적 사용을 자제하고 pauseVideo()를 사용하는 것이 좋습니다.
playVideo현재 대기 중이거나 로드된 비디오를 재생합니다. 최종 player 상태는 PLAYING (1)이 됩니다.
pauseVideo현재 재생 중인 비디오를 일시 정지합니다. 이미 ENDED (0) 상태가 아니라면 최종 player 상태는 PAUSED (2)가 됩니다.
seekTo비디오의 특정 시간으로 이동합니다. player가 일시 정지 상태라면 정지 상태를 유지하며, 재생 중이라면 이동 후 계속 재생됩니다.
loadVideoByIdYouTube ID를 사용하여 비디오를 로드하고 재생합니다.
cueVideoById재생하지 않고 ID로 비디오를 대기시킵니다. 썸네일을 로드하고 player를 준비하지만, playVideo()가 호출될 때까지 비디오를 요청하지는 않습니다.
loadVideoByUrl전체 URL을 사용하여 비디오를 로드하고 재생합니다.
cueVideoByUrl재생하지 않고 URL로 비디오를 대기시킵니다.
cuePlaylist재생하지 않고 플레이리스트를 큐에 로드합니다. 플레이리스트를 로드하고 첫 번째 동영상을 준비합니다.
loadPlaylist플레이리스트를 로드하고 재생합니다.
nextVideo플레이리스트의 다음 영상을 재생합니다.
previousVideo플레이리스트의 이전 영상을 재생합니다.
playVideoAt인덱스를 지정하여 플레이리스트의 특정 영상을 재생합니다.
mute플레이어 오디오를 음소거합니다.
unMute플레이어 음소거를 해제합니다.
isMuted플레이어가 현재 음소거 상태인지 확인합니다.
setVolume플레이어 볼륨을 설정합니다.
getVolume현재 플레이어 볼륨을 가져옵니다. 음소거 상태여도 볼륨 값을 반환합니다.
setSize플레이어 크기를 픽셀 단위로 설정합니다.
getPlaybackRate현재 재생 속도를 가져옵니다.
setPlaybackRate재생 속도를 설정합니다.
getAvailablePlaybackRates현재 비디오에서 사용 가능한 재생 속도 목록을 가져옵니다.
setLoop플레이리스트 반복 재생을 설정합니다. 활성화하면 마지막 비디오 재생 후 처음부터 다시 시작합니다.
setShuffle플레이리스트 셔플 재생을 설정합니다.
getVideoLoadedFraction버퍼링된 비디오의 비율을 가져옵니다. 기존의 getVideoBytesLoaded/getVideoBytesTotal보다 더 정확합니다.
getPlayerState플레이어의 현재 상태를 가져옵니다.
getAllPlayersEventsState모든 활성 플레이어의 이벤트 상태를 가져옵니다. 여러 플레이어 인스턴스를 추적할 때 유용합니다.
getCurrentTime현재 재생 위치를 초 단위로 가져옵니다.
toggleFullScreen전체 화면 모드를 켜거나 끕니다.
getPlaybackQuality현재 재생 화질을 가져옵니다.
setPlaybackQuality권장 재생 화질을 설정합니다. 실제 화질은 네트워크 환경에 따라 다를 수 있습니다.
getAvailableQualityLevels현재 비디오에서 사용 가능한 화질 목록을 가져옵니다.
getDuration현재 재생 중인 영상의 길이를 초 단위로 가져옵니다.
getVideoUrl현재 영상의 YouTube.com URL을 가져옵니다.
getVideoEmbedCode현재 영상의 임베드 code를 가져옵니다. HTML iframe 임베드 code를 반환합니다.
getPlaylist현재 재생 목록에 포함된 영상 ID 배열을 가져옵니다.
getPlaylistIndex재생 목록에서 현재 재생 중인 영상의 인덱스를 가져옵니다.
getIframe플레이어의 iframe DOM 요소를 가져옵니다. Web 플랫폼 전용입니다.
addEventListener플레이어에 이벤트 리스너를 추가합니다. Web 플랫폼 전용입니다.
removeEventListener플레이어에서 이벤트 리스너를 제거합니다. Web 플랫폼 전용입니다.
getPluginVersion플러그인 버전 번호를 가져옵니다. 플랫폼별 버전 정보를 반환합니다.

이 레퍼런스는 다음에서 동기화됩니다: src/definitions.ts 에서 capacitor-youtube-player.

@capgo/capacitor-youtube-player 다음 단계

“@capgo/capacitor-youtube-player 다음 단계” 섹션

사용 중인 경우 @capgo/capacitor-youtube-player 네이티브 플러그인 작업을 계획하려면, 이를 연결하세요: @capgo/capacitor-youtube-player 사용하기 @capgo/capacitor-youtube-player를 사용하여 네이티브 기능을 구현하는 방법은, Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리의 제품 워크플로우를 보려면, Capgo 제공 Capacitor 플러그인 Capgo 제공 Capacitor 플러그인의 구현 세부 사항을 보려면, 플러그인 추가 및 업데이트 플러그인 추가 및 업데이트의 구현 세부 사항을 확인하고, Ionic Enterprise 플러그인 대안 Ionic Enterprise 플러그인 대안의 제품 워크플로우를 확인하세요.