Saltare al contenuto

Iniziare

GitHub

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:

Fermata di comando
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Poi 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:

Finestra del terminale
bun add @capgo/capacitor-video-thumbnails
bunx cap sync
import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

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

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

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

Questa pagina è generata dal plugin’s src/definitions.tsRiavvia la sincronizzazione quando le informazioni pubbliche API cambiano in modo upstream.

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.