JavaScript-Code zum Erstellen einer Spracherkennungs-App für ChatGPT?
So erstellen Sie eine App mit Spracherkennung, Sie können die Web-Spracherkennungs-API verwenden, in modernen Browsern verfügbar. Hier ist ein Beispiel für Code in HTML und JavaScript zum Erstellen einer einfachen App, die die Stimme des Benutzers erkennt und den transkribierten Text anzeigt:
htmlCode kopieren
<!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 diesem Beispiel, Wir haben einen Knopf “Erkennung starten” Dadurch wird beim Drücken die Spracherkennungs-API gestartet. Der transkribierte Text wird im Element angezeigt <div> Con-ID “Transkription”. Sie können die Sprache durch Einstellung anpassen recognition.lang auf die gewünschte Sprache.
Stellen Sie sicher, dass Sie diesen Code in einer Umgebung mit Unterstützung für die Web Speech Recognition API verwenden, wie ein moderner Browser. Bitte beachten Sie, dass die Benutzererfahrung je nach Browser und ausgewählter Sprache variieren kann.
Mit welchen Browsern ist dieses Beispiel kompatibel??
Das in meiner vorherigen Nachricht bereitgestellte Spracherkennungsbeispiel verwendet die API webkitSpeechRecognition, Dies ist spezifisch für den Chrome-Browser. Pertanto, Dieses spezielle Beispiel ist nur mit dem Google Chrome-Browser kompatibel.
Jedoch, Es ist wichtig zu beachten, dass die Kompatibilität mit der Spracherkennungs-API je nach Browser und Version unterschiedlich ist. Um die Kompatibilität mit einer größeren Auswahl an Browsern sicherzustellen, Sie können die Standard-Spracherkennungs-API verwenden (SpeechRecognition) statt webkitSpeechRecognition. Hier ist ein Beispiel dafür, wie Sie den Code ändern können, um die Standard-API zu verwenden:
JavascriptCode kopieren
if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
// ...
}
Benutzen window.SpeechRecognition || window.webkitSpeechRecognition, Sie können Browser unterstützen, die die Standard-API verwenden (Zum Beispiel, Feuerfuchs) und diejenigen, die die Webkit-Präfixversion verwenden (Komm Chrome).
Jedoch, Bitte beachten Sie, dass die API-Implementierung und Sprachunterstützung von Browser zu Browser variieren kann. Pertanto, Es ist wichtig, die Spracherkennung in verschiedenen Browsern sorgfältig zu testen, um das bestmögliche Benutzererlebnis zu gewährleisten.
Welche Browser unterstützen SpeechRecognition??
Im September 2021, die Spracherkennungs-API (SpeechRecognition) wurde von mehreren Browsern unterstützt, Die spezifische Unterstützung kann jedoch je nach Browser und Plattform variieren. Nachfolgend sind einige der wichtigsten Browser aufgeführt, die diese API unterstützten:
- Google Chrome: Chrome bietet gute Unterstützung für die Spracherkennungs-API. Die API wurde in Chrome eingeführt 25 und der Support wurde im Laufe der Zeit stetig verbessert.
- Mozilla Firefox: Firefox hat mit der Veröffentlichung begonnen, die Spracherkennungs-API zu unterstützen 44. Jedoch, Der Support erfordert möglicherweise eine manuelle Aktivierung in Ihren Browsereinstellungen.
- Microsoft Edge: Microsoft Edge hat auch damit begonnen, die Spracherkennungs-API zu unterstützen. Die Unterstützung kann je nach Browserversion variieren.
- Safari: Apples Safari unterstützt die Spracherkennungs-API auf Plattformen wie iOS.
- Opera: Opera bietet auch Unterstützung für die Spracherkennungs-API, Die spezifische Unterstützung kann jedoch je nach Version variieren.
Es ist wichtig zu beachten, dass die spezifische Sprach- und Funktionsunterstützung je nach Browser unterschiedlich sein kann. Außerdem, Mobile Browser wie Chrome und Safari unterstützen häufig die Spracherkennungs-API auf Mobilgeräten.
Da sich die Browserunterstützung im Laufe der Zeit mit der Einführung neuer Versionen und Standards ändern kann, Ich empfehle Ihnen, die Dokumentation Ihres Browsers zu überprüfen und die API sorgfältig auf den spezifischen Browsern zu testen, die Sie unterstützen möchten.
