Aller au contenu principal

Vignettes vidéo Plugin Capacitor

Générer des miniatures à partir de fichiers vidéo locaux et 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 Video Thumbnails dans Capacitor

Tester sur l'appareil

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

Lien QR d'aperçu du plugin Video Thumbnails code

Utiliser @capgo/capacitor-video-thumbnails

Capacitor Interface du plugin Video Thumbnails 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 depuis « Utiliser @capgo/capacitor-video-thumbnails »

Si vous utilisez Utiliser @capgo/capacitor-video-thumbnails pour planifier le comportement des médias et de l'interface natifs, 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 les détails d'implémentation dans @capgo/capacitor-live-activities, et Utiliser @capgo/capacitor-video-player pour la fonctionnalité native dans Utilisation de @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 le code de votre application.

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 qui tourne dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor @capgo/capacitor-video-thumbnails prend-il en charge ?

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.

@capgo/capacitor-video-thumbnails est-il gratuit et open source ?

Oui. Le code source est public sur GitHub à l’adresse https://github.com/Cap-go/capacitor-video-thumbnails/ et le package s’installe gratuitement depuis npm. Les signalements de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code qui utilise 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 impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livré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