Zum Inhalt springen

Getting Started

GitHub

Sie können unsere AI-gestützte Einrichtung verwenden, um das Plugin zu installieren. Fügen Sie die Capgo-Fähigkeiten zu Ihrem KI-Tool hinzu, indem Sie die folgende Befehl ausführen:

Terminal-Fenster
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Verwenden Sie dann die folgende Anfrage:

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

Wenn Sie die manuelle Einrichtung bevorzugen, installieren Sie das Plugin, indem Sie die folgenden Befehle ausführen und folgen Sie den unten angegebenen Plattform-spezifischen Anweisungen:

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

Ein Thumbnailbild aus einem Videodatei an einer bestimmten Zeitposition generieren.

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

Einstellungen für die Erstellung eines Videobildschirms.

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

Ergebnis der Bildschirmbildgenerierung.

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

Diese Seite wird aus dem Plugin generiert. Wenn sich die öffentliche __CAPGO_KEEP_0__ im Quellcode ändert, sollte die Synchronisation erneut durchgeführt werden. src/definitions.ts. Re-run the sync when the public API changes upstream.

Abschnitt mit dem Titel “Weiter von Anfang an”

Source Of Truth

Wenn Sie native Medien und Schnittstellenverhalten planen, verbinden Sie es mit Einstieg um native Medien und Schnittstellenverhalten zu planen, verbinden Sie es mit Verwendung von @capgo/capacitor-video-thumbnails für die native Fähigkeit in Verwendung von @capgo/capacitor-video-thumbnails, Verwendung von @capgo/capacitor-live-activities für die native Fähigkeit in Verwendung von @capgo/capacitor-live-activities, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities, Verwendung von @capgo/capacitor-video-player für die native Fähigkeit in Verwendung von @capgo/capacitor-video-player, und @capgo/capacitor-video-player für die Implementierungsdetails in @capgo/capacitor-Video-Player.