Iniziare
Copia un prompt di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-video-thumbnails`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/video-thumbnails/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installazione
Sottosezione intitolata “Installazione”Puoi utilizzare la nostra configurazione assistita dall'intelligenza artificiale per installare il plugin. Aggiungi le Capgo competenze al tuo strumento di intelligenza artificiale utilizzando il seguente comando:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsPoi utilizza il seguente prompt:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-video-thumbnails` plugin in my project.Se preferisci la configurazione manuale, installa il plugin eseguendo i seguenti comandi e segui le istruzioni specifiche del tuo sistema operativo qui sotto:
bun add @capgo/capacitor-video-thumbnailsbunx cap syncImporta
Sezione intitolata “Importa”import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';API Panoramica
Sezione intitolata “API Panoramica”getThumbnail
Sezione intitolata “getThumbnail”Genera un'immagine di anteprima da un file video in una posizione di tempo specifica.
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);Riferimento di tipo
Sezione intitolata “Riferimento di tipo”VideoThumbnailsOptions
Sezione intitolata “VideoThumbnailsOptions”Opzioni per la generazione di un thumbnail del video.
export interface VideoThumbnailsOptions { /** * The URI of the video file. Can be a local file path or a remote URL. * For local files, use file:// protocol or absolute path. * For remote files, use http:// or https:// protocol. */ sourceUri: string;
/** * The time position in milliseconds from which to extract the thumbnail. * Defaults to 0 (first frame). */ time?: number;
/** * Quality of the generated image, from 0.0 (lowest) to 1.0 (highest). * Defaults to 1.0. */ quality?: number;
/** * HTTP headers to include when fetching remote video URIs. * Only applicable for remote URLs. */ headers?: Record<string, string>;}VideoThumbnailsResult
Sezione intitolata “VideoThumbnailsResult”Risultato della generazione del thumbnail.
export interface VideoThumbnailsResult { /** * The local URI path to the generated thumbnail image. * This can be used directly in img tags or Image components. */ uri: string;
/** * Width of the generated thumbnail in pixels. */ width: number;
/** * Height of the generated thumbnail in pixels. */ height: number;}Fonte di Verità
Sezione intitolata “Fonte di Verità”Questa pagina è generata dal plugin’s src/definitions.tsRiavvia la sincronizzazione quando le informazioni pubbliche API cambiano in modo upstream.
Continua da qui: Iniziare
Sezione intitolata “Continua da qui: Iniziare”If stai utilizzando Avvio rapido per pianificare il comportamento dei media nativi e dell'interfaccia, connettilo con Utilizzare @capgo/capacitor-video-thumbnails per la capacità nativa in Utilizzare @capgo/capacitor-video-thumbnails, Utilizzare @capgo/capacitor-live-activities per la capacità nativa in Utilizzare @capgo/capacitor-live-activities, @capgo/capacitor-live-activities per il dettaglio di implementazione in @capgo/capacitor-live-activities, Utilizzare @capgo/capacitor-video-player per la capacità nativa in Utilizzare @capgo/capacitor-video-player, e @capgo/capacitor-video-player per il dettaglio di implementazione in @capgo/capacitor-player video.