Cod JavaScript pentru a crea o aplicație de recunoaștere a vorbirii pentru ChatGPT?
Pentru a crea o aplicație cu recunoaștere vocală, puteți utiliza API-ul Web Speech Recognition, disponibil în browserele moderne. Iată un exemplu de cod în HTML și JavaScript pentru a crea o aplicație simplă care recunoaște vocea utilizatorului și afișează textul transcris:
htmlCopiați codul
<!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>
În acest exemplu, avem un buton “Începeți recunoașterea” care lansează API-ul de recunoaștere a vorbirii atunci când este apăsat. Textul transcris va apărea în articol <div> con id “transcriere”. Puteți personaliza limba prin setare recognition.lang pe limba dorită.
Asigurați-vă că utilizați acest cod într-un mediu cu suport pentru API-ul Web Speech Recognition, ca un browser modern. Vă rugăm să rețineți că experiența utilizatorului poate varia în funcție de browser și de limba selectată.
Cu ce browsere este compatibil acest exemplu??
Exemplul de recunoaștere a vorbirii furnizat în mesajul meu anterior utilizează API-ul webkitSpeechRecognition, care este specific browserului Chrome. Prin urmare, acest exemplu specific va fi compatibil numai cu browserul Google Chrome.
in orice caz, Este important de reținut că compatibilitatea cu API-ul de recunoaștere a vorbirii variază între browsere și versiuni. Pentru a asigura compatibilitatea cu o gamă mai largă de browsere, puteți utiliza API-ul standard de recunoaștere a vorbirii (SpeechRecognition) Mai degrabă decât webkitSpeechRecognition. Iată un exemplu despre cum puteți modifica codul pentru a utiliza API-ul standard:
codul javascriptCopy
if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
// ...
}
Folosind window.SpeechRecognition || window.webkitSpeechRecognition, puteți accepta browsere care utilizează API-ul standard (de exemplu, Firefox) și cei care folosesc versiunea de prefix webkit (vin Chrome).
in orice caz, Vă rugăm să rețineți că implementarea API-ului și suportul pentru limbă pot varia de la browser la browser. Prin urmare, è importante testare attentamente il riconoscimento vocale in diversi browser per garantire la migliore esperienza utente possibile.
Quali sono i browser che supportano SpeechRecognition?
Al settembre 2021, l’API di riconoscimento vocale (SpeechRecognition) era supportata da diversi browser, ma il supporto specifico poteva variare a seconda del browser e della piattaforma. Di seguito sono elencati alcuni dei principali browser che supportavano questa API:
- Google Chrome: Chrome ha un buon supporto per l’API di riconoscimento vocale. La API è stata introdotta in Chrome 25 e il supporto è stato costantemente migliorato nel tempo.
- Mozilla Firefox: Firefox ha iniziato a supportare l’API di riconoscimento vocale a partire dalla versione 44. in orice caz, il supporto potrebbe richiedere l’attivazione manuale nelle impostazioni del browser.
- Microsoft Edge: Microsoft Edge a început, de asemenea, să accepte API-ul de recunoaștere a vorbirii. Asistența poate varia în funcție de versiunile browserului.
- Safari: Safari de la Apple acceptă API-ul de recunoaștere a vorbirii pe platforme precum iOS.
- Operă: Opera oferă și suport pentru API-ul de recunoaștere a vorbirii, dar suportul specific poate varia în funcție de versiune.
Este important de reținut că limbajul specific și suportul pentru funcții pot varia între browsere. În plus, Browserele mobile precum Chrome și Safari acceptă adesea API-ul de recunoaștere a vorbirii pe dispozitivele mobile.
Deoarece suportul pentru browser se poate schimba în timp odată cu introducerea de noi versiuni și standarde, Vă recomand să verificați documentația browserului și să testați cu atenție API-ul pe browserele specifice pe care intenționați să le acceptați.
