본문으로 건너뛰기

비디오 썸네일 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 앱을 다운로드한 후 QR코드 code를 스캔하세요.

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

@capgo/capacitor-video-thumbnails 사용

Capacitor 비디오 썸네일 플러그인: 비디오 썸네일을 생성하는 인터페이스

설치

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

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

Import

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

API를 한눈에

Method 설명
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-thumbnail

Capacitor-비디오 썸네일을 사용 중이라면 @Capacitor-capgo-capacitor-video-thumbnails 자연스러운 미디어 및 인터페이스 동작을 계획하려면 Capacitor-비디오 썸네일을 연결하세요. @capgo/capacitor-video-thumbnail @capgo/capacitor-영상 썸네일 Capacitor-라이브 액티비티를 사용하여 Capacitor-라이브 액티비티 @capgo/capacitor-라이브-활동 native 기능을 위한 @capgo/capacitor-live-활동 @capgo/capacitor-라이브-활동 @capgo/capacitor-라이브-활동 Using @capgo/capacitor-video-player native 기능을 위한 @capgo/capacitor-video-player.

FAQ

비디오 썸네일 플러그인 FAQ

비디오 썸네일 플러그인을 Capacitor 앱에 어떻게 설치하나요?

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

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

네. 비디오 썸네일은 Capacitor 패키지이므로, Capacitor 내부에서 실행되는 모든 웹 프레임워크와 함께 작동합니다. 예를 들어 Ionic, React, Vue, Angular, Svelte 및 plain JavaScript.

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

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다. 예를 들어 플러그인 v8과 Capacitor 8이면, 플러그인 메이저 버전이 Capacitor 메이저 버전과 일치해야 합니다. GitHub README에서 제공하는 호환성 표를 참조하세요.

@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가 비디오 썸네일을 사용하는 경우 App Store 리뷰 없이 업데이트가 가능한가요?

code 플러그인을 설치하거나 업그레이드하면 네이티브 code이 변경되므로, 새로운 스토어 빌드를 생성해야 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트를 통해 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 Video Thumbnails 변경을 배포하세요.

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

Capgo로 시작하세요.