JavaScript-code om een spraakherkenningsapp voor ChatGPT te maken?
Om een app met stemherkenning te maken, u kunt de Web Speech Recognition API gebruiken, beschikbaar in moderne browsers. Hier is een voorbeeld van code in HTML en JavaScript om een eenvoudige app te maken die de stem van de gebruiker herkent en de getranscribeerde tekst weergeeft:
htmlKopieer code
<!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>
In dit voorbeeld, wij hebben een knop “Herkenning starten” die de spraakherkennings-API start wanneer erop wordt gedrukt. De getranscribeerde tekst verschijnt in het item <div> con id “transcriptie”. U kunt de taal aanpassen door in te stellen recognition.lang op de gewenste taal.
Zorg ervoor dat u deze code gebruikt in een omgeving met ondersteuning voor de Web Speech Recognition API, als een moderne browser. Houd er rekening mee dat de gebruikerservaring kan variëren, afhankelijk van uw browser en geselecteerde taal.
Met welke browsers is dit voorbeeld compatibel??
Het voorbeeld van spraakherkenning in mijn vorige bericht maakt gebruik van de API webkitSpeechRecognition, die specifiek is voor de Chrome-browser. Daarom, dit specifieke voorbeeld is alleen compatibel met de Google Chrome-browser.
Echter, Het is belangrijk op te merken dat de compatibiliteit met de spraakherkennings-API varieert tussen browsers en versies. Om compatibiliteit met een groter aantal browsers te garanderen, u kunt de standaard spraakherkennings-API gebruiken (SpeechRecognition) liever dan webkitSpeechRecognition. Hier is een voorbeeld van hoe u de code kunt aanpassen om de standaard API te gebruiken:
javascriptKopieer code
if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
// ...
}
Gebruik makend van window.SpeechRecognition || window.webkitSpeechRecognition, u kunt browsers ondersteunen die de standaard API gebruiken (Bijvoorbeeld, Firefox) en degenen die de webkit-voorvoegselversie gebruiken (kom Chroom).
Echter, Houd er rekening mee dat de API-implementatie en taalondersteuning van browser tot browser kunnen variëren. Daarom, Het is belangrijk om de spraakherkenning in verschillende browsers zorgvuldig te testen om de best mogelijke gebruikerservaring te garanderen.
Welke browsers ondersteunen Spraakherkenning?
In september 2021, de spraakherkennings-API (SpeechRecognition) werd ondersteund door verschillende browsers, maar specifieke ondersteuning kan per browser en platform verschillen. Hieronder staan enkele van de belangrijkste browsers die deze API ondersteunen:
- Google Chrome: Chrome heeft goede ondersteuning voor de spraakherkennings-API. De API is geïntroduceerd in Chrome 25 en de ondersteuning is in de loop van de tijd gestaag verbeterd.
- Mozilla Firefox: Firefox is vanaf de release begonnen met het ondersteunen van de spraakherkennings-API 44. Echter, ondersteuning vereist mogelijk handmatige activering in uw browserinstellingen.
- Microsoft Rand: Microsoft Edge is ook begonnen met het ondersteunen van de spraakherkennings-API. Ondersteuning kan variëren afhankelijk van browserversies.
- Safari: Apple's Safari ondersteunt de spraakherkennings-API op platforms zoals iOS.
- Opera: Opera biedt ook ondersteuning voor de spraakherkennings-API, maar specifieke ondersteuning kan per versie verschillen.
Het is belangrijk op te merken dat specifieke taal- en functieondersteuning per browser kan variëren. Verder, Mobiele browsers zoals Chrome en Safari ondersteunen vaak de spraakherkennings-API op mobiele apparaten.
Omdat browserondersteuning in de loop van de tijd kan veranderen als gevolg van de introductie van nieuwe versies en standaarden, Ik raad u aan uw browserdocumentatie te controleren en de API zorgvuldig te testen op de specifieke browsers die u wilt ondersteunen.
