Zum Hauptinhalt springen
Zurück zu Plugins
@capgo/capacitor-Video-Vorschaubilder
Tutorial
@capgo/capacitor-Video-Vorschaubilder

Video-Vorschaubilder

Erstelle Vorschaubilder aus lokalen und remote Video-Dateien zu bestimmten Zeitpunkten

Anleitung

Video-Thumbnails-Tutorial

Gerät testen

Herunterladen Sie die Capgo-App, dann scannen Sie das QR-code.

Vorschau-QR code für das Video-Thumbnails-Plugin

Verwendung von @capgo/capacitor-video-thumbnails

Capacitor Video-Thumbnails-Plugin-Interface zur Erstellung von Videobildern.

Installieren

bun add @capgo/capacitor-video-thumbnails
bunx cap sync

Was dieses Plugin bereitstellt

  • getThumbnail - Eine Thumbnail-Bild aus einem Videodatei an einer bestimmten Zeitposition generieren.

Beispielverwendung

getThumbnail

Eine Thumbnail-Bild 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);

Vollständige Referenz

Weiter mit der Verwendung von @capgo/capacitor-video-thumbnails

Wenn Sie die Verwendung von Die Verwendung von @capgo/capacitor-video-thumbnails um native Medien und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-video-thumbnails für die Implementierungsdetails in @capgo/capacitor-video-thumbnails Einführung für die Implementierungsdetails in Einführung Die Verwendung von @capgo/capacitor-live-activities Für die native Fähigkeit in @capgo/capacitor-live-aktivitäten, @capgo/capacitor-live-aktivitäten Für die Implementierungsdetail in @capgo/capacitor-live-aktivitäten und Mit @capgo/capacitor-video-player Für die native Fähigkeit in Mit @capgo/capacitor-video-player.