Kode JavaScript untuk membuat aplikasi pengenalan suara untuk ChatGPT?
Untuk membuat aplikasi dengan pengenalan suara, Anda dapat menggunakan API Pengenalan Ucapan Web, tersedia di browser modern. Berikut adalah contoh kode dalam HTML dan JavaScript untuk membuat aplikasi sederhana yang mengenali suara pengguna dan menampilkan teks transkripsi:
htmlSalin kode
<!DOCTYPE html>
<html>
<head>
<title>Riconoscimento Vocale</title>
</head>
<body>
<h1>Riconoscimento Vocale</h1>
<button id="start-recognition">Avvia Riconoscimento</button>
<div id="transcription"></div>
<script>
// Controlla se il browser supporta l'API di riconoscimento vocale
if ('webkitSpeechRecognition' in window) {
const recognition = new webkitSpeechRecognition();
// Imposta alcune opzioni per il riconoscimento
recognition.continuous = true;
recognition.interimResults = true;
recognition.lang = 'it-IT'; // Puoi impostare la lingua desiderata
const startButton = document.getElementById('start-recognition');
const transcription = document.getElementById('transcription');
startButton.addEventListener('click', function() {
startButton.disabled = true;
recognition.start();
});
// Gestisci i risultati del riconoscimento
recognition.onresult = function(event) {
const result = event.results[event.results.length - 1];
const transcript = result[0].transcript;
transcription.innerHTML = transcript;
};
// Gestisci gli errori
recognition.onerror = function(event) {
console.error('Errore di riconoscimento vocale:', event.error);
};
// Termina il riconoscimento quando si preme il pulsante di avvio nuovamente
recognition.onend = function() {
startButton.disabled = false;
};
} else {
alert('Il tuo browser non supporta l\'API di riconoscimento vocale.');
}
</script>
</body>
</html>
Dalam contoh ini, kami memiliki tombol “Mulai Pengakuan” yang meluncurkan API pengenalan suara saat ditekan. Teks yang ditranskripsi akan muncul di item <div> penipu id “transkripsi”. Anda dapat menyesuaikan bahasa dengan pengaturan recognition.lang pada bahasa yang diinginkan.
Pastikan Anda menggunakan kode ini di lingkungan yang mendukung Web Speech Recognition API, seperti browser modern. Harap dicatat bahwa pengalaman pengguna dapat bervariasi tergantung pada browser Anda dan bahasa yang dipilih.
Browser manakah yang kompatibel dengan contoh ini??
Contoh pengenalan suara yang diberikan dalam pesan saya sebelumnya menggunakan API webkitSpeechRecognition, yang khusus untuk browser Chrome. Karena itu, contoh spesifik ini hanya akan kompatibel dengan browser Google Chrome.
Namun, Penting untuk dicatat bahwa kompatibilitas dengan API pengenalan suara bervariasi antara browser dan versi. Untuk memastikan kompatibilitas dengan lebih banyak browser, Anda dapat menggunakan API pengenalan suara standar (SpeechRecognition) daripada webkitSpeechRecognition. Berikut ini contoh bagaimana Anda dapat memodifikasi kode untuk menggunakan API standar:
javascriptSalin kode
if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
// ...
}
Menggunakan window.SpeechRecognition || window.webkitSpeechRecognition, Anda dapat mendukung browser yang menggunakan API standar (Misalnya, Firefox) dan mereka yang menggunakan versi awalan webkit (ayo Chrome).
Namun, Harap dicatat bahwa implementasi API dan dukungan bahasa mungkin berbeda dari satu browser ke browser lainnya. Karena itu, Penting untuk menguji pengenalan ucapan secara cermat di berbagai browser untuk memastikan pengalaman pengguna sebaik mungkin.
Browser mana yang mendukung SpeechRecognition?
Di bulan September 2021, API pengenalan suara (SpeechRecognition) didukung oleh beberapa browser, tetapi dukungan spesifik mungkin berbeda tergantung browser dan platform. Berikut adalah beberapa browser utama yang mendukung API ini:
- Google Chrome: Chrome memiliki dukungan yang baik untuk API pengenalan suara. API diperkenalkan di Chrome 25 dan dukungan terus ditingkatkan dari waktu ke waktu.
- Mozilla Firefox: Firefox mulai mendukung API pengenalan suara dimulai dengan rilisnya 44. Namun, dukungan mungkin memerlukan aktivasi manual di pengaturan browser Anda.
- Microsoft Tepi: Microsoft Edge juga mulai mendukung API pengenalan suara. Dukungan mungkin berbeda-beda tergantung pada versi browser.
- Safari: Safari Apple mendukung API pengenalan suara pada platform seperti iOS.
- Opera: Opera juga menawarkan dukungan untuk API pengenalan suara, tetapi dukungan spesifik mungkin berbeda menurut versi.
Penting untuk dicatat bahwa dukungan bahasa dan fitur tertentu mungkin berbeda antar browser. Lebih-lebih lagi, Browser seluler seperti Chrome dan Safari sering kali mendukung API pengenalan suara di perangkat seluler.
Karena dukungan browser dapat berubah seiring waktu dengan diperkenalkannya versi dan standar baru, Saya menyarankan Anda memeriksa dokumentasi browser Anda dan menguji API secara cermat pada browser tertentu yang ingin Anda dukung.
