본문 바로가기
@capgo/capacitor-video-thumbnails 미디어 오픈 소스

비디오 썸네일 Capacitor 플러그인

로컬 및 원격 비디오 파일의 특정 타임스탬프에서 썸네일 이미지 생성

설치

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

가이드

Capacitor에서 Video Thumbnails 사용 방법

기기에서 테스트하기

Capgo 앱을 다운로드한 후 QR code을 스캔하세요.

Video Thumbnails 플러그인 미리보기 QR code

@capgo/capacitor-video-thumbnails 사용

비디오 썸네일 생성을 위한 Capacitor Video Thumbnails 플러그인 인터페이스.

설치

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

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

가져오기

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

API 한눈에 보기

메서드 설명
getThumbnail 비디오 파일의 특정 시점에서 썸네일 이미지를 생성합니다.

예시

getThumbnail()

비디오 파일의 특정 시점에서 썸네일 이미지를 생성합니다.

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

const result = await CapgoVideoThumbnails.getThumbnail({
  sourceUri: 'file:///path/to/video.mp4',
  time: 5000,
  quality: 0.8
});
console.log('Thumbnail URI:', result.uri);
console.log('Dimensions:', result.width, 'x', result.height);

전체 레퍼런스

@capgo/capacitor-video-thumbnails 사용하기부터 계속하기

사용 중이라면 @capgo/capacitor-video-thumbnails 사용 네이티브 미디어 및 인터페이스 동작을 계획하려면, 이를 다음 항목과 연결하세요: @capgo/capacitor-video-thumbnails @capgo/capacitor-video-thumbnails의 구현 세부 사항은, 시작하기 Getting Started의 구현 상세 내용은 @capgo/capacitor-live-activities 사용 @capgo/capacitor-live-activities 사용에서의 네이티브 기능, @capgo/capacitor-live-activities @capgo/capacitor-live-activities의 구현 세부 사항은, 그리고 @capgo/capacitor-video-player 사용 @capgo/capacitor-video-player. 사용하기에서의 네이티브 기능은

자주 묻는 질문

Video Thumbnails 플러그인 FAQ

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

"bun add @capgo/capacitor-video-thumbnails" (또는 "npm install @capgo/capacitor-video-thumbnails")를 실행한 다음, "bunx cap sync"를 실행하여 iOS 및 Android 프로젝트에 네이티브 code가 반영되도록 합니다. 그 후 앱의 code에서 "@capgo/capacitor-video-thumbnails"를 통해 import 하세요.

@capgo/capacitor-video-thumbnails는 React, Vue, Angular와 함께 사용할 수 있나요?

네. Video Thumbnails는 Capacitor 패키지라서 Ionic, React, Vue, Angular, Svelte, 순수 JavaScript 등 Capacitor에서 실행되는 모든 웹 프레임워크와 함께 사용할 수 있습니다.

@capgo/capacitor-video-thumbnails은 어떤 Capacitor 버전을 지원하나요?

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다. 사용 중인 Capacitor 메이저 버전과 일치하는 플러그인 메이저 버전을 사용하세요 (예: Capacitor 8에는 플러그인 v8). 유지 관리되는 버전은 GitHub README의 호환성 표에서 확인할 수 있습니다.

@capgo/capacitor-video-thumbnails는 무료이며 오픈 소스인가요?

네. 소스 코드(code)는 GitHub의 https://github.com/Cap-go/capacitor-video-thumbnails/에서 공개되어 있으며, npm에서 무료로 설치할 수 있습니다. 버그 리포트와 pull request는 환영합니다.

App Store 심사 없이 Video Thumbnails를 사용하는 code을 업데이트할 수 있나요?

플러그인을 설치하거나 업그레이드하면 네이티브 code가 변경되므로 새로운 스토어 빌드가 필요합니다. 그 이후에는 플러그인을 호출하는 JavaScript, HTML, CSS 변경 사항을 Capgo live updates로 즉시 배포할 수 있습니다.

앱 심사 대기 없이 Video Thumbnails 변경 사항을 배포하세요

스토어 빌드에 플러그인이 포함되면, Capgo live updates로 JavaScript, HTML, CSS 변경 사항을 몇 분 만에 사용자에게 푸시할 수 있습니다.

Capgo로 시작하기