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.
Installa
Sezione intitolata “Installa”Puoi utilizzare la nostra configurazione assistita dall'IA per installare il plugin. Aggiungi le Capgo abilità al tuo strumento di AI utilizzando il seguente comando:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsUsa poi la seguente richiesta:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-video-thumbnails` plugin in my project.Se preferisci l'installazione manuale, installa il plugin eseguendo i seguenti comandi e segui le istruzioni specifiche per la piattaforma riportate di seguito:
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
Sottosezione intitolata “Riferimento di tipo”VideoThumbnailsOptions
Sottosezione intitolata “VideoThumbnailsOptions”Opzioni per la generazione di un'anteprima 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
Sottosezione intitolata “VideoThumbnailsResult”Risultato della generazione dell'anteprima.
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à
Sottosezione intitolata “Fonte di verità”This page is generated from the plugin’s src/definitions.tsRiegenera la sincronizzazione quando le informazioni pubbliche API cambiano nell'area di origine.
Continua da Inizia con l'installazione
Sottosezione intitolata “Continua da Inizia con l'installazione”Se stai utilizzando Inizia con l'installazione per pianificare il comportamento nativo dei media e dell'interfaccia, connettilo con Utilizza @capgo/capacitor-video-thumbnails per la capacità nativa in Utilizza @capgo/capacitor-video-thumbnails, Utilizza @capgo/capacitor-live-activities per la capacità nativa in Utilizza @capgo/capacitor-live-activities, @capgo/capacitor-live-activities per i dettagli di implementazione in @capgo/capacitor-attività-in-vivo, Utilizzando @capgo/capacitor-lettore-di-video per la capacità nativa in Utilizzando @capgo/capacitor-lettore-di-video, e @capgo/capacitor-lettore-di-video per i dettagli di implementazione in @capgo/capacitor-lettore-di-video.