본문으로 건너뛰기
@capgo/capacitor-jw-player 미디어 오픈 소스

JW 플레이어 Capacitor 플러그인

__CAPGO_KEEP_0__ 플러그인을 사용하여 광고 및 분석 지원을 포함한 전문적인 비디오 스트리밍을 위한 JW 플레이어를 임베드합니다.

설치

bun add @capgo/capacitor-jw-player bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-jw-player
  • pnpm add @capgo/capacitor-jw-player
  • yarn add @capgo/capacitor-jw-player

가이드

How to use JW Player in Capacitor

장치에서 테스트

Capgo 앱을 다운로드하고 QR코드 code를 스캔하세요.

JW 플레이어 플러그인 미리보기 QR code

@capgo/capacitor-jw-player을 사용하여

비디오를 jwplayer.com에서 재생합니다.

설치

bun add @capgo/capacitor-jw-player
bunx cap sync

bunx cap sync 이 플러그인의 네이티브 code을 원시 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

Import

import { JwPlayer } from '@capgo/capacitor-jw-player';

API을 한눈에

Method 설명
initialize JW 플레이어 초기화
play 비디오 재생
pause 현재 재생 중인 미디어 정지
resume 현재 정지된 미디어 재개
stop 현재 재생 중인 미디어 중지
seekTo 현재 재생 중인 미디어 위치로 이동
setVolume 볼륨 설정
getPosition 현재 미디어의 위치를 가져옵니다.
getState 현재 플레이어 상태를 가져옵니다.
setSpeed 재생 속도를 설정합니다.
setPlaylistIndex 플레이리스트의 현재 항목을 인덱스에 따라 설정합니다.
loadPlaylist 플레이리스트를 로드합니다.
loadPlaylistWithItems 항목이 있는 플레이리스트를 로드합니다.
getAudioTracks 사용 가능한 오디오 트랙을 가져옵니다.
getCurrentAudioTrack 현재 오디오 트랙을 가져옵니다.
setCurrentAudioTrack 현재 오디오 트랙을 설정합니다.
getCaptions 사용 가능한 캡션/자막을 가져옵니다.
getCurrentCaptions 현재 캡션/자막 트랙을 가져옵니다.
setCurrentCaptions 현재 캡션/자막 트랙을 설정합니다.
currentPlaylist 현재 플레이리스트를 가져오십시오.

예시

initialize()

JW 플레이어를 초기화하십시오.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.initialize({ licenseKey: 'license-key-123' });

play()

비디오를 재생하십시오.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.play({
  mediaUrl: 'https://example.com',
  mediaType: 'video',
});

pause()

현재 재생 중인 미디어를 일시 정지하십시오.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.pause();

resume()

일시 정지된 미디어를 재개하십시오.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.resume();

stop()

현재 재생 중인 미디어를 중지하십시오.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.stop();

seekTo()

현재 재생 중인 미디어의 특정 위치로 이동하십시오.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.seekTo({ time: 10 });

위 표에는 20 개의 핵심 메서드가 나열되어 있습니다. 리스너 및 버전 도우미, 각 메서드의 전체 계약은 GitHub.

전체 참조

@capgo/capacitor-jw-player

__CAPGO_KEEP_0__ 사용 중 @capgo/capacitor-jw-player __CAPGO_KEEP_0__-jw-player의 구현 세부 정보 @capgo/capacitor-jw-player @capgo/capacitor-jw-player 구현 세부사항을 위한 __CAPGO_KEEP_0__ 플러그인 디렉토리의 제품 워크플로우 __CAPGO_KEEP_0__-jw-player Capgo-jw-player Capgo-jw-player Capacitor Capgo 플러그인 for Capacitor 구현 세부 사항에 대한 Capgo 플러그인에 의해 플러그인 추가 또는 업데이트 플러그인 추가 또는 업데이트에 대한 구현 세부 사항

FAQ

JW Player 플러그인 FAQ

JW Player 플러그인을 Capacitor 앱에 어떻게 설치하나요?

Run "bun add @capgo/capacitor-jw-player" (또는 "npm install @capgo/capacitor-jw-player")를 실행한 후 "bunx cap sync"를 실행하여 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 capgo/capacitor-jw-player를 앱의 code에서 임포트하세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-jw-player가 작동하나요?

네. JW Player는 Capacitor 패키지이므로 Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내부에서 작동하는 경우에 작동합니다.

어떤 Capacitor 버전이 @capgo/capacitor-jw-player가 지원하나요?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Is @capgo/capacitor-jw-player 무료이며 오픈 소스인가요?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-jw-player/ and the package is free to install from npm. Bug reports and pull requests are welcome.

JW Player를 사용하는 code를 앱 스토어 리뷰 없이 업데이트할 수 있나요?

설치 또는 플러그인 업그레이드는 네이티브 code을 변경하므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

앱 리뷰 대기 없이 JW 플레이어 변경을 배포합니다.

플러그인이 스토어 빌드에 포함된 후 Capgo 라이브 업데이트 사용자에게 몇 분 안에 자바스크립트, HTML 및 CSS 변경을 푸시합니다.

Capgo로 시작하세요.