Aller au contenu principal

Vignettes vidéo Plugin Capacitor

Générez des miniatures à partir de fichiers vidéo locaux ou distants à des timestamps précis

Installer

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

Guide

Comment utiliser les miniatures vidéo dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

Lien QR pour prévisualiser le plugin Video Thumbnails code

Utilisation de @capgo/capacitor-video-thumbnails

L'interface du plugin Video Thumbnails Capacitor pour générer des miniatures vidéo.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
getThumbnail Générez une image miniature à partir d'un fichier vidéo à un instant précis.

Exemples

getThumbnail()

Générez une image miniature à partir d'un fichier vidéo à un instant précis.

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

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-video-thumbnails

Si vous utilisez Utiliser @capgo/capacitor-video-thumbnails pour planifier le comportement des médias natifs et de l'interface, connectez-l’à @capgo/capacitor-video-thumbnails pour le détail d'implémentation dans @capgo/capacitor-video-thumbnails, Prise en main pour les détails d'implémentation dans Getting Started Utiliser @capgo/capacitor-live-activities pour la capacité native dans Utiliser @capgo/capacitor-live-activities, @capgo/capacitor-live-activities pour le détail d'implémentation dans @capgo/capacitor-live-activities, et Utiliser @capgo/capacitor-video-player pour la capacité native dans Utiliser @capgo/capacitor-video-player.

FAQ

FAQ du plugin Video Thumbnails

Comment installer le plugin Video Thumbnails dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-video-thumbnails" (ou "npm install @capgo/capacitor-video-thumbnails"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-video-thumbnails" dans votre code.

Est-ce que @capgo/capacitor-video-thumbnails fonctionne avec React, Vue et Angular ?

Oui. Video Thumbnails est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-video-thumbnails ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-video-thumbnails est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-video-thumbnails/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Video Thumbnails sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui nécessite un nouveau build pour les stores. Après cela, les changements JavaScript, HTML et CSS utilisant le plugin peuvent être déployés instantanément via les live updates de Capgo.

Déployez les changements de Video Thumbnails sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo