Lompat ke Konten

Pembelajaran Awal

GitHub

Anda dapat menggunakan Pengaturan Bantuan AI untuk menginstal plugin. Tambahkan Capgo kemampuan ke alat AI Anda menggunakan perintah berikut:

Jendela Terminal
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Lalu gunakan prompt berikut:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-video-thumbnails` plugin in my project.

Jika Anda lebih suka Pengaturan Manual, instal plugin dengan menjalankan perintah-perintah berikut dan ikuti instruksi spesifik platform di bawah ini:

Jendela terminal
bun add @capgo/capacitor-video-thumbnails
bunx cap sync
import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

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

Pilihan untuk menghasilkan thumbnail video.

export interface VideoThumbnailsOptions {
/**
* The URI of the video file. Can be a local file path or a remote URL.
* For local files, use file:// protocol or absolute path.
* For remote files, use http:// or https:// protocol.
*/
sourceUri: string;
/**
* The time position in milliseconds from which to extract the thumbnail.
* Defaults to 0 (first frame).
*/
time?: number;
/**
* Quality of the generated image, from 0.0 (lowest) to 1.0 (highest).
* Defaults to 1.0.
*/
quality?: number;
/**
* HTTP headers to include when fetching remote video URIs.
* Only applicable for remote URLs.
*/
headers?: Record<string, string>;
}

Hasil penghasilan thumbnail.

export interface VideoThumbnailsResult {
/**
* The local URI path to the generated thumbnail image.
* This can be used directly in img tags or Image components.
*/
uri: string;
/**
* Width of the generated thumbnail in pixels.
*/
width: number;
/**
* Height of the generated thumbnail in pixels.
*/
height: number;
}

Halaman ini dihasilkan dari plugin’s. Re-run sinkronisasi ketika __CAPGO_KEEP_0__ publik berubah di atas. src/definitions.ts. Re-run the sync when the public API changes upstream.

Judul Bagian “Lanjutkan dari Getting Started”

Sumber Kebenaran

Jika Anda menggunakan Membuat Mulai untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan Menggunakan @capgo/capacitor-video-thumbnails untuk kemampuan native di Menggunakan @capgo/capacitor-video-thumbnails, 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, Menggunakan @capgo/capacitor-video-player untuk kemampuan native di Menggunakan @capgo/capacitor-video-player, dan @capgo/capacitor-video-player untuk detail implementasi di @capgo/capacitor-player video.