Lompat ke konten utama

Ikon Video Thumb Nail plugin Capacitor

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

Install

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

Test di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau plugin Video Thumbnails code

Menggunakan @capgo/capacitor-video-thumbnails

Plugin Video Thumbnails Capacitor untuk menghasilkan thumbnail video.

Pasang

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

bunx cap sync Menggandakan plugin asli code ke dalam proyek-proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

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

lihat API secara singkat

Methode Deskripsi
getThumbnail Menghasilkan gambar thumbnail dari file video pada posisi waktu tertentu.

Contoh

getThumbnail()

Menghasilkan 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, hubungkannya dengan @capgo/capacitor-thumbnail-video untuk detail implementasi di @capgo/capacitor-video-thumbnails, Mulai Menggunakan untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-live-activities, dan Gunakan @capgo/capacitor-player video untuk kemampuan asli di Gunakan @capgo/capacitor-player video.

FAQ

FAQ Plugin Gambar Video

Bagaimana cara menginstal plugin Gambar Video di sebuah Capacitor aplikasi?

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

Apakah @capgo/capacitor-video-thumbnails dapat digunakan dengan React, Vue, dan Angular?

Iya. Gambar Video adalah paket Capacitor, sehingga dapat digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

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

Paket Capgo mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menyebutkan versi yang dipelihara.

Apakah @capgo/capacitor-video-thumbnails gratis dan terbuka sumber?

Iya. Sumber code yang terbuka dapat ditemukan di GitHub di https://github.com/Cap-go/capacitor-video-thumbnails/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull diterima.

Apakah saya dapat memperbarui code yang menggunakan Gambar Video tanpa melalui tinjauan App Store?

Penginstalan atau pengupgrade plugin mengubah native code, sehingga memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara instan dengan Capgo live updates.

Kirim perubahan Video Thumbnails tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam toko Anda, Capgo pembaruan hidup memasukkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit-menit.

Mulai dengan Capgo