Langkah ke konten utama

Perekam Suara Plugin Capacitor

Record audio di iOS, Android, dan Web dengan kontrol sederhana dan format

Install

bun add @capgo/capacitor-audio-recorder bunx cap sync
npm, pnpm or yarn
  • npm install @capgo/capacitor-audio-recorder
  • pnpm add @capgo/capacitor-audio-recorder
  • yarn add @capgo/capacitor-audio-recorder

Panduan

Cara menggunakan Rekorder Audio di Capacitor

Uji di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau code plugin Audio Recorder

Menggunakan @capgo/capacitor-audio-recorder

Kontrak plugin Capacitor untuk merekam audio.

Install

bun add @capgo/capacitor-audio-recorder
bunx cap sync

bunx cap sync menggandakan kode native plugin code ke proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

Panduan API secara singkat

Metode Deskripsi
startRecording Mulai merekam suara menggunakan mikrofon perangkat.
pauseRecording Paus rekaman yang sedang berlangsung. Hanya tersedia pada Android (API 24+), iOS, dan Web.
resumeRecording Teruskan rekaman yang telah dihentikan sebelumnya.
stopRecording Berhenti rekaman yang sedang berlangsung dan simpan rekaman suara yang telah direkam.
cancelRecording Batalkan rekaman yang sedang berlangsung dan diskorsrekam suara yang telah direkam.
getRecordingStatus Peroleh status rekaman yang sedang berlangsung.
getCurrentAmplitude Peroleh amplitudo input saat ini (tingkat mikrofon) sebagai bilangan normalisasi dalam rentang. [0, 1] range.
checkPermissions Mengembalikan status izin saat ini untuk mengakses mikrofon.
requestPermissions Minta izin untuk mengakses mikrofon.

Contoh

startRecording()

Mulai merekam audio menggunakan mikrofon perangkat.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.startRecording();

pauseRecording()

Jeda rekaman yang sedang berlangsung. Hanya tersedia pada Android (API 24+), iOS, dan Web.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.pauseRecording();

resumeRecording()

Teruskan rekaman yang telah dihentikan sebelumnya.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.resumeRecording();

stopRecording()

Hentikan rekaman yang sedang berlangsung dan simpan audio yang direkam.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

const result = await CapacitorAudioRecorder.stopRecording();
console.log(result);

cancelRecording()

Batalkan rekaman yang sedang berlangsung dan diskors audio yang telah direkam.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.cancelRecording();

getRecordingStatus()

Peroleh status rekaman yang sedang berlangsung.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

const result = await CapacitorAudioRecorder.getRecordingStatus();
console.log(result);

Daftar di atas menampilkan 9 metode inti. Bantuan listener dan versi, serta kontrak lengkap dari setiap metode, dapat dilihat dalam repository GitHub.

kembali handle. Panggil

addListener ketika layar dihentikan, atau handle.remove() untuk membersihkan setiap pendengar. CapacitorAudioRecorder.removeAllListeners() Menghapus semua pengaturan pendengar.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-rekorder-suara

Jika Anda menggunakan Menggunakan @capgo/capacitor-rekorder-suara untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-rekorder-suara untuk detail implementasi di @capgo/capacitor-rekorder-suara, Mulai Menggunakan untuk detail implementasi di Mulai, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan asli di Menggunakan @capgo/capacitor-aktivitas-hidup, @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-aktivitas-hidup, dan Menggunakan @capgo/capacitor-pemain-video untuk kemampuan asli di Menggunakan @capgo/capacitor-pemain-video.

FAQ

FAQ plugin Rekorder Suara

Bagaimana cara menginstal plugin Rekorder Suara di sebuah aplikasi Capacitor?

Jalankan "bun tambahkan @capgo/capacitor-rekorder suara" (atau "npm instal @capgo/capacitor-rekorder suara"), kemudian jalankan "bunx cap sinkron" agar proyek iOS dan Android mengambil native code. Import dari "@capgo/capacitor-rekorder suara" di aplikasi code Anda.

Apakah @capgo/capacitor-rekorder suara bekerja dengan React, Vue, dan Angular?

Iya. Rekorder Suara adalah paket Capacitor, sehingga bekerja 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-rekorder suara?

Plugin 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 dipertahankan.

Apakah @capgo/capacitor-rekorder suara gratis dan terbuka sumber?

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

Apakah saya bisa memperbarui code yang menggunakan Rekorder Suara tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah native code, sehingga memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat berlayar segera dengan Capgo live updates.

Kirim perubahan Audio Recorder tanpa menunggu tinjauan aplikasi

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

Mulai dengan Capgo