Aller directement au contenu principal

Mosaïques de Vidéo plugin Capacitor

Générer des images de miniature à partir de fichiers vidéo locaux et distants à des horodatages spécifiques

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 de vidéo dans Capacitor

Tester sur appareil

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

Prévisualisation du plugin de miniatures de vidéos QR code

Utilisation de @capgo/capacitor-video-thumbnails

Interface du plugin Vidéo Thumbnails Capacitor pour la génération de miniatures de vidéos.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à niveau du plugin.

Importer

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

Voir API en un coup d'œil

Méthode Description
getThumbnail Générez une image miniature à partir d'un fichier vidéo à une position de temps spécifique.

Exemples

getThumbnail()

Générez une image miniature à partir d'un fichier vidéo à une position de temps spécifique.

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

Continuez à partir de l'utilisation de @capgo/capacitor-video-thumbnails

Si vous utilisez @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-video-thumbnails Utilisation de @capgo/capacitor-vidéo-minitatures planer la média et le comportement d'interface natifs, connectez-l’avec @capgo/capacitor-vidéos de miniature pour les détails d'implémentation dans @capgo/capacitor-vidéos de miniature Getting Started pour les détails d'implémentation dans Démarrage Utilisation de @capgo/capacitor-activités en direct pour la capacité native dans Utilisation de @capgo/capacitor-activités en direct @capgo/capacitor-activités en direct pour les détails d'implémentation dans @capgo/capacitor-activités en direct, et Utilisation de @capgo/capacitor-joueur de vidéo pour la capacité native dans Utilisation de @capgo/capacitor-joueur de vidéo.

FAQ

FAQ du plugin de miniatures vidéo

Comment installer le plugin de miniatures vidéo dans une application Capacitor?

Exécutez la commande « bun add @capgo/capacitor-video-thumbnails » (ou « npm install @capgo/capacitor-video-thumbnails »), puis exécutez la commande « bunx cap sync » afin que les projets iOS et Android prennent en compte les natives code. Importez-l’à partir de « @capgo/capacitor-video-thumbnails » dans votre application code.

Le plugin @capgo/capacitor-video-thumbnails fonctionne-t-il avec React, Vue et Angular?

Oui. Les miniatures vidéo sont un Capacitor package, donc elles fonctionnent avec n'importe quel framework web qui tourne à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-video-thumbnails ?

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

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

Oui. Le code source de code est public sur GitHub à https://github.com/Cap-go/capacitor-video-thumbnails/ et le package est gratuit pour l'installer depuis npm. Les rapports de bogues et les demandes de mise à jour sont les bienvenus.

Puis-je mettre à jour code qui utilise les miniatures vidéo sans passer par une revue de l'App Store ?

L'installation ou la mise à niveau du plugin modifie le code natif, il faut donc une nouvelle mise à jour de l'application. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être envoyées instantanément avec les mises à jour en direct de Capgo.

Envoyez les modifications des miniatures vidéo sans attendre la revue de l'application

Une fois le plugin est dans votre magasin de build, Capgo les mises à jour en direct poussent vos modifications JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Démarrez avec Capgo