본문으로 건너뛰기

비디오 썸네일 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

사용 방법

How to use Video Thumbnails in Capacitor

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

다운로드하여 Capgo 앱을 설치한 후 QR code 코드를 스캔하세요.

비디오 썸네일 플러그인 미리보기 QR code

@capgo/capacitor-video-thumbnails 사용

Capacitor 비디오 썸네일 플러그인

설치

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);

전체 참조

Using @capgo/capacitor-video-thumbnails

Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-video-thumbnails Using @capgo/capacitor-video-thumbnails If you are using @capgo/capacitor-video-thumbnail @capgo/capacitor-video-thumbnails 시작하기 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activities @capgo/capacitor-live-activities @capgo/capacitor-live-activities @capgo/capacitor-라이브-활동 @capgo/capacitor-라이브-활동 Using @capgo/capacitor-video-thumbnails @capgo/capacitor-video-thumbnails

FAQ

비디오 썸네일 플러그인 FAQ

비디오 썸네일 플러그인을 Capacitor 앱에 설치하는 방법은 무엇입니까?

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

React, Vue 및 Angular과 함께 @capgo/capacitor-video-thumbnails가 작동합니까?

Yes. Video Thumbnails is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

어떤 Capacitor 버전을 @capgo/capacitor-video-thumbnails가 지원하는지 궁금하십니까?

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-thumbnails가 무료이고 오픈 소스인지 궁금하십니까?

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

code를 업데이트할 수 있나요?

code를 업데이트하면 Native code이 변경되므로 새로운 스토어 빌드를 해야 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo Live Update와 함께 즉시 배포할 수 있습니다.

Ship Video Thumbnails 변경을 앱 리뷰 기다리지 않고 적용합니다.

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

시작하기 Capgo