Langsung ke konten utama
@capgo/capacitor-ffmpeg Media Open source

FFmpeg plugin Capacitor

Encoding dan pemrosesan video menggunakan FFmpeg untuk kompresi dan konversi

Instal

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

Panduan

Cara menggunakan FFmpeg di Capacitor

Menggunakan @capgo/capacitor-ffmpeg

Mengekspos API FFmpeg ke Capacitor

Instal

bun add @capgo/capacitor-ffmpeg
bunx cap sync

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

Impor

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

Sekilas tentang API

Metode Deskripsi
getCapabilities Kembalikan matriks kapabilitas yang dapat dibaca mesin untuk platform saat ini.
reencodeVideo Antrekan job re-encode video.
convertImage Konversi gambar diam ke format lain.
convertAudio Konversi audio ke container atau codec lain.

Contoh

getCapabilities()

Kembalikan matriks kapabilitas yang dapat dibaca mesin untuk platform saat ini.

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

const result = await CapacitorFFmpeg.getCapabilities();
console.log(result);

reencodeVideo()

Antrekan job re-encode video.

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

const result = await CapacitorFFmpeg.reencodeVideo({
  inputPath: 'path/to/file',
  outputPath: 'path/to/file',
  width: 1080,
  height: 1920,
});
console.log(result);

convertImage()

Konversi gambar diam ke format lain.

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

const result = await CapacitorFFmpeg.convertImage({
  inputPath: 'path/to/file',
  outputPath: 'path/to/file',
  format: 'webp',
});
console.log(result);

convertAudio()

Konversi audio ke container atau codec lain.

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

const result = await CapacitorFFmpeg.convertAudio({
  inputPath: 'path/to/file',
  outputPath: 'path/to/file',
  format: 'm4a',
});
console.log(result);

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat screen di-unmount.

Referensi lengkap

Lanjutkan dengan Menggunakan @capgo/capacitor-ffmpeg

Jika Anda menggunakan Menggunakan @capgo/capacitor-ffmpeg untuk merencanakan operasi dashboard dan API, hubungkan dengan @capgo/capacitor-ffmpeg untuk detail implementasi di @capgo/capacitor-ffmpeg, Panduan Memulai untuk detail implementasi di Getting Started, Ringkasan API untuk detail implementasi di API Overview, Pendahuluan untuk detail implementasi di Introduction, dan Kunci API untuk detail implementasi di API Keys.

FAQ

FAQ plugin FFmpeg

Bagaimana cara install plugin FFmpeg di aplikasi Capacitor?

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

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

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

Versi Capacitor mana yang didukung @capgo/capacitor-ffmpeg?

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-ffmpeg gratis dan open source?

Ya. Source code code bersifat publik di GitHub di https://github.com/Cap-go/capacitor-ffmpeg/ dan package ini gratis diinstal dari npm. Laporan bug dan pull request selalu diterima.

Bisakah saya memperbarui code yang memakai FFmpeg tanpa 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 FFmpeg 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