Langsung ke konten utama

Thumbnail Video plugin Capacitor

Buat gambar thumbnail dari file video lokal dan remote pada timestamp tertentu

Instal

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

Panduan

Cara menggunakan Video Thumbnails di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

QR code pratinjau plugin Video Thumbnails

Menggunakan @capgo/capacitor-video-thumbnails

Antarmuka plugin Capacitor Video Thumbnails untuk membuat thumbnail video.

Instal

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

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
getThumbnail Hasilkan gambar thumbnail dari file video pada posisi waktu tertentu.

Contoh

getThumbnail()

Hasilkan gambar thumbnail dari file video pada posisi waktu tertentu.

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

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-video-thumbnails

Jika Anda menggunakan Menggunakan @capgo/capacitor-video-thumbnails untuk merencanakan perilaku media dan antarmuka native, hubungkan dengan @capgo/capacitor-video-thumbnails untuk detail implementasi di @capgo/capacitor-video-thumbnails Panduan Memulai untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kapabilitas native saat menggunakan @capgo/capacitor-video-player.

FAQ

FAQ plugin Video Thumbnails

Bagaimana cara install plugin Video Thumbnails di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-video-thumbnails" (atau "npm install @capgo/capacitor-video-thumbnails"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-video-thumbnails" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-video-thumbnails mendukung React, Vue, dan Angular?

Ya. Video Thumbnails adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-video-thumbnails?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-video-thumbnails gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-video-thumbnails/ dan package ini gratis diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan Video Thumbnails tanpa melalui review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Video Thumbnails tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo