메인 콘텐츠로 바로가기
백으로 돌아가기
@capgo/capacitor-비디오 썸네일
튜토리얼
@capgo/capacitor-비디오 썸네일

비디오 썸네일

비디오 파일의 특정 시간대에서 썸네일 이미지를 생성하는 로컬 및 원격 파일에서

가이드

비디오 썸네일에 대한 튜토리얼

장치에서 테스트

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

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

@capgo/capacitor-video-thumbnails 사용

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

설치

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

이 플러그인이 제공하는 것

  • 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을 사용하여 계속하세요.

__CAPGO_KEEP_0__을 사용하고 있나요? capgo와 capacitor을 사용하여 __CAPGO_KEEP_0__을 사용하여 native 미디어 및 인터페이스 동작을 계획하고, __CAPGO_KEEP_1__과 연결하세요. capgo과 capacitor을 사용하여 @capgo/capacitor-video-thumbnails의 구현 세부 사항을 확인하세요. for the implementation detail in @capgo/capacitor-video-thumbnails, Getting Started의 구현 세부 사항을 확인하세요. __CAPGO_KEEP_0__와 __CAPGO_KEEP_1__을 사용하여 capgo과 capacitor을 사용하여 native 기능을 사용하는 @capgo/capacitor-live-activities를 확인하세요. capgo/capacitor-live-activities를 확인하세요. capgo/capacitor-live-activities implementation 세부 정보를 @capgo/capacitor-live-activities 에서 찾으세요. Using @capgo/capacitor-video-player native 기능을 @capgo/capacitor-video-player 에서 사용하세요.