Skip to main content
Back to plugins
@capgo/capacitor-video-thumbnails
Tutorial
@capgo/capacitor-video-thumbnails

Video Thumbnails

Generate thumbnail images from local and remote video files at specific timestamps

Guide

Tutorial on Video Thumbnails

Test on device

Download the Capgo app, then scan the QR code.

Video Thumbnails plugin preview QR code

Using @capgo/capacitor-video-thumbnails

Capacitor Video Thumbnails Plugin interface for generating video thumbnails.

Install

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

What This Plugin Exposes

  • getThumbnail - Generate a thumbnail image from a video file at a specific time position.

Example Usage

getThumbnail

Generate a thumbnail image from a video file at a specific time position.

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

Full Reference

Keep going from Using @capgo/capacitor-video-thumbnails

If you are using Using @capgo/capacitor-video-thumbnails to plan native media and interface behavior, connect it with @capgo/capacitor-video-thumbnails for the implementation detail in @capgo/capacitor-video-thumbnails, Getting Started for the implementation detail in Getting Started, Using @capgo/capacitor-live-activities for the native capability in Using @capgo/capacitor-live-activities, @capgo/capacitor-live-activities for the implementation detail in @capgo/capacitor-live-activities, and Using @capgo/capacitor-video-player for the native capability in Using @capgo/capacitor-video-player.