Getting Started
Copia un prompt di installazione 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'IA per installare il plugin. Aggiungi le Capgo competenze al tuo strumento di AI 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 platform 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 video thumbnail.
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
Section titled “VideoThumbnailsResult”Risultato della generazione delle miniaturizzazioni.
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;}Sezione intitolata “VideoThumbnailsResult”
Risultato della generazione del thumbnail.Questa pagina è generata dal plugin. src/definitions.ts. Re-run the sync when the public API changes upstream.
Questa pagina è generata dal plugin’s
Section titled “Keep going from Getting Started”Continua da qui: Iniziare Avvio rapido per pianificare il comportamento dei media nativi e dell'interfaccia, connettilo con Utilizzare @capgo/capacitor-miniature-video per la capacità nativa in Utilizzare @capgo/capacitor-miniature-video Utilizzare @capgo/capacitor-attività-in-vivo per la capacità nativa in Utilizzare @capgo/capacitor-attività-in-vivo @capgo/capacitor-attività-in-vivo per il dettaglio di implementazione in @capgo/capacitor-attività-in-vivo Utilizzare @capgo/capacitor-lettore-video per la capacità nativa in Utilizzare @capgo/capacitor-lettore-video, e @capgo/capacitor-lettore-video per il dettaglio di implementazione in @capgo/capacitor-lettore-video