Lebih cepat ke konten utama

Pengenalan Suara plugin Capacitor

Synthesaikan suara dari teks dengan kendali penuh atas bahasa, suara, nada, kecepatan, dan volume.

Install

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

Panduan

Cara menggunakan Sintesis Suara di Capacitor

Uji di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR Pratinjau code Plugin Sintesis Suara

Menggunakan @capgo/capacitor-sintesis-suara

Plugin Sintesis Suara untuk mensintesis suara dari teks.

Install

bun add @capgo/capacitor-speech-synthesis
bunx cap sync

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

Import

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

Panduan API

Metode Deskripsi
speak Mengucapkan teks yang diberikan dengan pilihan tertentu. Utaranya ditambahkan ke dalam antrian bicara.
synthesizeToFile Menghasilkan suara bicara ke dalam file audio (hanya Android/iOS). Mengembalikan jalur file tempat suara disimpan.
cancel Membatalkan semua pernyataan yang ditunggu dan menghentikan percakapan saat ini.
pause Menghentikan bicara secara langsung.
resume Mengaktifkan kembali bicara yang telah dihentikan.
isSpeaking Memeriksa apakah sintesis bicara sedang berbicara.
isAvailable Memeriksa apakah sintesis bicara tersedia di perangkat.
getVoices Mengambil semua suara yang tersedia.
getLanguages Mengambil semua bahasa yang tersedia.
isLanguageAvailable Memeriksa apakah bahasa tertentu tersedia.
isVoiceAvailable Memeriksa apakah suara tertentu tersedia.
initialize Menginisialisasi mesin sintesis suara (optimasi iOS). Ini dapat mengurangi latensi untuk permintaan suara pertama.
activateAudioSession Mengaktifkan sesi audio dengan kategori tertentu (hanya iOS).
deactivateAudioSession Menghentikan sesi audio (hanya iOS).

Contoh

speak()

Mengucapkan teks yang diberikan dengan pilihan tertentu. Utterance ditambahkan ke antrian suara.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

const result = await SpeechSynthesis.speak({
  text: 'Hello, world!',
  language: 'en-US',
  rate: 1.0,
  pitch: 1.0,
  volume: 1.0,
  queueStrategy: 'Add'
});
console.log('Utterance ID:', result.utteranceId);

synthesizeToFile()

Menghasilkan suara ke dalam file audio (hanya Android dan iOS). Mengembalikan jalur file tempat audio disimpan.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

const result = await SpeechSynthesis.synthesizeToFile({
  text: 'Hello, world!',
  language: 'en-US'
});
console.log('Audio file saved at:', result.filePath);

cancel()

Membatalkan semua utterance yang ditunggu dan menghentikan suara saat ini.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

await SpeechSynthesis.cancel();

pause()

Menghentikan suara secara langsung.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

await SpeechSynthesis.pause();

resume()

Mengaktifkan kembali suara yang terhenti.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

await SpeechSynthesis.resume();

isSpeaking()

Mengecek apakah sintesis suara sedang berbicara.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

const { isSpeaking } = await SpeechSynthesis.isSpeaking();
console.log('Is speaking:', isSpeaking);

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

Dengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() ketika layar dihapus, atau SpeechSynthesis.removeAllListeners() untuk menghapus setiap pendengar.

Referensi lengkap

Teruskan dari Menggunakan @capgo/capacitor-speech-synthesis

Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-speech-synthesis Menggunakan @capgo/capacitor-speech-synthesis untuk merencanakan pekerjaan plugin native, hubungkannya dengan di @capgo/capacitor-speech-synthesis untuk detail implementasi di @capgo/capacitor-speech-synthesis Mulai Menggunakan untuk detail implementasi di Pemula Daftar Plugin @Capgo untuk alur kerja produk di Daftar Plugin @Capgo Plugin @Capacitor oleh @Capgo untuk detail implementasi di Plugin @Capacitor oleh @Capgo, dan Menginstal atau Mengupdate Plugin untuk detail implementasi di Menginstal atau Mengupdate Plugin.

FAQ

Pertanyaan Umum Plugin Sintesis Suara

Bagaimana cara saya menginstal plugin Sintesis Suara di aplikasi Capacitor?

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

Apakah @capgo/capacitor-speech-synthesis dapat berjalan dengan React, Vue dan Angular?

Ya. Pengenalan Suara adalah paket Capacitor, sehingga dapat berjalan 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-speech-synthesis?

Capgo plugin 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 menampilkan versi yang dipelihara.

Apakah @capgo/capacitor-speech-synthesis gratis dan terbuka sumber?

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

Dapatkah saya memperbarui code yang menggunakan Pengenalan Suara tanpa melalui tinjauan App Store?

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

Kirim perubahan Pengenalan Suara tanpa menunggu ulasan aplikasi

Setelah plugin ini ada di toko Anda, Capgo pembaruan hidup memindahkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo