Saltar al contenido

Inicio

GitHub

Puede utilizar nuestra configuración asistida por IA para instalar el plugin. Agregue las Capgo habilidades a su herramienta de IA utilizando el siguiente comando:

Ventana de terminal
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Luego utilice el siguiente prompt:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-video-thumbnails` plugin in my project.

Si prefiere la configuración manual, instale el plugin ejecutando los siguientes comandos y siguiendo las instrucciones específicas de la plataforma a continuación:

Ventana de terminal
bun add @capgo/capacitor-video-thumbnails
bunx cap sync
import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

Genera una imagen de miniatura a partir de un archivo de video en una posición de tiempo específica.

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

Opciones para generar una miniatura de 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>;
}

Resultado de la generación de miniaturas.

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

This page is generated from the plugin’s src/definitions.tsRe-ejecuta la sincronización cuando los archivos públicos API cambian en la fuente.

Si estás utilizando Inicio para planificar el comportamiento de medios y interfaz nativos, conecta con Usando @capgo/capacitor-miniaturas-de-videos para la capacidad nativa en Usando @capgo/capacitor-miniaturas-de-videos, Usando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo, @capgo/capacitor-actividades-en-vivo para el detalle de implementación en @capgo/capacitor-actividades-en-vivo, Usando @capgo/capacitor-reproductor-de-videos para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos, y @capgo/capacitor-reproductor-de-videos para el detalle de implementación en @capgo/capacitor-reproductor-de-videos.