Zum Hauptinhalt springen

Video-Thumbnails Capacitor Plugin

Thumbnail-Bilder aus lokalen und Remote-Videodateien an bestimmten Zeitstempeln erzeugen

Installieren

bun add @capgo/capacitor-video-thumbnails bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-video-thumbnails
  • pnpm add @capgo/capacitor-video-thumbnails
  • yarn add @capgo/capacitor-video-thumbnails

Anleitung

Video Thumbnails in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

QR-Code zur Vorschau des Video Thumbnails Plugins code

Verwendung von @capgo/capacitor-video-thumbnails

Schnittstelle des Capacitor Video Thumbnails Plugins zum Generieren von Video-Thumbnails.

Installieren

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

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

API auf einen Blick

Methode Beschreibung
getThumbnail Erstelle ein Thumbnail-Bild aus einer Videodatei an einer bestimmten Zeitposition.

Beispiele

getThumbnail()

Erstelle ein Thumbnail-Bild aus einer Videodatei an einer bestimmten Zeitposition.

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 @capgo/capacitor-video-thumbnails nutzen

Wenn du es nutzt Verwendung von @capgo/capacitor-video-thumbnails , um natives Media- und Interface-Verhalten zu planen, verbinde es mit @capgo/capacitor-video-thumbnails für die Implementierungsdetails in @capgo/capacitor-video-thumbnails, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-live-activities verwenden für die native Funktion in „@capgo/capacitor-live-activities verwenden“, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities und Verwendung von @capgo/capacitor-video-player für die native Funktionalität in „Verwendung von @capgo/capacitor-video-player.“

FAQ

FAQ zum Video Thumbnails Plugin

Wie installiere ich das Video Thumbnails Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-video-thumbnails" (oder "npm install @capgo/capacitor-video-thumbnails") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-video-thumbnails".

Funktioniert @capgo/capacitor-video-thumbnails mit React, Vue und Angular?

Ja. Video Thumbnails ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-video-thumbnails unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-video-thumbnails kostenlos und Open Source?

Ja. Der code Quellcode ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-video-thumbnails/ einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Video Thumbnails aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Video-Thumbnails-Änderungen ohne App-Review ausrollen

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo