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

비디오 플레이어 Capacitor 플러그인

자연적인 비디오 재생, 자막, 풀스크린 및 포괄적인 제어

설치

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

가이드

How to use Video Player in Capacitor

장치에서 테스트

다운로드 Capgo 앱, 그리고 QR code을 스캔하세요.

비디오 플레이어 플러그인 미리보기 QR code

@capgo/capacitor-비디오 플레이어를 사용합니다.

Capacitor plugin to play video in native player.

Install

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

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

Import

import { VideoPlayer } from '@capgo/capacitor-video-player';

API 한눈에 보기

Method 설명
initPlayer 비디오 플레이어를 초기화합니다.
isPlaying 지정한 playerId가 재생 중인지 확인합니다.
play 지정한 playerId에서 현재 비디오를 재생합니다.
pause 지정한 playerId에서 현재 비디오를 일시 중지합니다.
getDuration 지정한 playerId에서 현재 비디오의 길이를 가져옵니다.
getCurrentTime 지정한 playerId에서 현재 비디오의 현재 시간을 가져옵니다.
setCurrentTime 지정한 playerId에서 현재 비디오의 현재 시간을 설정합니다.
getVolume 지정한 playerId에서 현재 비디오의 볼륨을 가져옵니다.
setVolume 지정한 playerId에서 현재 비디오의 볼륨을 설정합니다.
getMuted 지정한 playerId에서 현재 비디오의 음소거 상태를 가져옵니다.
setMuted 지정한 playerId에서 현재 비디오의 음소거 상태를 설정합니다.
setRate __CAPGO_KEEP_0__
getRate __CAPGO_KEEP_0__
stopAllPlayers __CAPGO_KEEP_0__
showController __CAPGO_KEEP_0__
isControllerIsFullyVisible __CAPGO_KEEP_0__
exitPlayer __CAPGO_KEEP_0__
hidePlayer __CAPGO_KEEP_0__
showPlayer __CAPGO_KEEP_0__

__CAPGO_KEEP_0__

initPlayer()

__CAPGO_KEEP_0__

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);

isPlaying()

__CAPGO_KEEP_0__

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);

play()

__CAPGO_KEEP_0__

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);

pause()

현재 비디오를 지정한 playerId에서 일시 중단합니다.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);

getDuration()

지정한 playerId에서 현재 비디오의 길이를 가져옵니다.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);

getCurrentTime()

지정한 playerId에서 현재 비디오의 현재 시간을 가져옵니다.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);

위 표에는 19 개의 핵심 메서드가 나열되어 있습니다. 리스너 및 버전 헬퍼, 각 메서드의 전체 계약은 __CAPGO_KEEP_0__ 저장소에서 문서화되어 있습니다. GitHub 참조.

자세한 참조

Using @capgo/capacitor-video-player에서 계속 진행하세요.

Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-video-player @capgo/capacitor-비디오 플레이어 자연적인 미디어 및 인터페이스 동작을 계획하기 위해, __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-video-player와 연결하세요. capgo/capacitor-video-player capgo/capacitor-video-player 시작하기 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activities capgo/capacitor-live-activities capgo/capacitor-live-activities capgo/capacitor-native-navigation @capgo/capacitor-라이브-활동 capgo/capacitor-video-player capgo/capacitor-live-activities

FAQ

비디오 플레이어 플러그인 FAQ

비디오 플레이어 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-video-player" (or "npm install @capgo/capacitor-video-player"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-video-player" in your app code.

리액트, 뷰 및 앵귤러와 함께 @capgo/capacitor-video-player가 작동합니까?

네. 비디오 플레이어는 Capacitor 패키지이므로, Capacitor 내부에서 실행되는 모든 웹 프레임워크와 함께 작동합니다. 이에는 이온, 리액트, 뷰, 앵귤러, 슬레이트 및 평범한 자바스크립트도 포함됩니다.

어떤 Capacitor 버전이 @capgo/capacitor-video-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.

리액트, 뷰 및 앵귤러와 함께 @capgo/capacitor-video-player가 무료이고 오픈 소스인가?

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

code가 비디오 플레이어를 사용하는 경우 앱 스토어 리뷰 없이 업데이트할 수 있나요?

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

앱 리뷰 기다리지 않고 Ship Video Player 변경

Capgo

Capgo