Lompat ke konten utama
@capgo/capacitor-ffmpeg Media Terbuka sumber

FFmpeg plugin Capacitor

Pengolahan video dan encoding yang dipimpin oleh 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

Petunjuk

Cara Menggunakan FFmpeg di Capacitor

Menggunakan @capgo/capacitor-ffmpeg

Menyediakan API FFmpeg ke Capacitor.

Install

bun add @capgo/capacitor-ffmpeg
bunx cap sync

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

Import

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

Ringkasan API

Metode Deskripsi
getCapabilities Mengembalikan matriks kemampuan yang dapat dibaca mesin untuk platform saat ini.
reencodeVideo Mengantrekan pekerjaan re-encode video.
convertImage Mengubah gambar statis menjadi format lain.
convertAudio Mengubah audio menjadi kontainer atau codec lain.

Contoh-Contoh

getCapabilities()

Mengembalikan matriks kemampuan yang dapat dibaca mesin untuk platform saat ini.

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

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

reencodeVideo()

Mengatur antrian pekerjaan 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()

Mengubah gambar statis menjadi 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()

Mengubah audio menjadi kontainer 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() ketika layar tidak terpasang.

Referensi lengkap

Teruskan dari Menggunakan @capgo/capacitor-ffmpeg

If Anda menggunakan Menggunakan @capgo/capacitor-ffmpeg untuk merencanakan dashboard dan operasi API, hubungkannya dengan @capgo/capacitor-ffmpeg untuk detail implementasi di @capgo/capacitor-ffmpeg, Mulai Menggunakan untuk detail implementasi di Mulai, Ringkasan API untuk detail implementasi di Ringkasan API, Pendahuluan untuk detail implementasi di Pendahuluan, dan Kunci API untuk detail implementasi di API Keys.

FAQ

FAQ FFmpeg plugin

Bagaimana cara menginstal plugin FFmpeg di sebuah aplikasi Capacitor?

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

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

Iya. FFmpeg adalah sebuah paket Capacitor, sehingga berfungsi dengan semua kerangka kerja web yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte dan JavaScript biasa.

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

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-ffmpeg gratis dan terbuka sumber?

Iya. Sumber code tersedia secara publik di GitHub di https://github.com/Cap-go/capacitor-ffmpeg/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Bisa saya memperbarui code yang menggunakan FFmpeg tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah native code, sehingga memerlukan pembangunan aplikasi baru. Setelah itu, perubahan JavaScript, HTML dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo live updates.

Kirim perubahan FFmpeg tanpa menunggu tinjauan aplikasi

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

Mulai dengan Capgo