JavaScript-kod för att skapa en taligenkänningsapp för ChatGPT?
För att skapa en app med röstigenkänning, du kan använda Web Speech Recognition API, tillgänglig i moderna webbläsare. Här är ett exempel på kod i HTML och JavaScript för att skapa en enkel app som känner igen användarens röst och visar den transkriberade texten:
htmlKopiera kod
<!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>
I det här exemplet, vi har en knapp “Starta igenkänning” som startar taligenkännings-API när den trycks ned. Den transkriberade texten kommer att visas i objektet <div> con id “transkription”. Du kan anpassa språket genom att ställa in recognition.lang på önskat språk.
Se till att du använder den här koden i en miljö med stöd för Web Speech Recognition API, som en modern webbläsare. Observera att användarupplevelsen kan variera beroende på din webbläsare och det valda språket.
Vilka webbläsare är detta exempel kompatibelt med??
Taligenkänningsexemplet i mitt tidigare meddelande använder API webkitSpeechRecognition, som är specifik för webbläsaren Chrome. Därför, det här specifika exemplet kommer endast att vara kompatibelt med webbläsaren Google Chrome.
dock, Det är viktigt att notera att kompatibiliteten med taligenkännings-API:t varierar mellan webbläsare och versioner. För att säkerställa kompatibilitet med ett bredare utbud av webbläsare, du kan använda standard API för taligenkänning (SpeechRecognition) hellre än webkitSpeechRecognition. Här är ett exempel på hur du kan ändra koden för att använda standard-API:et:
javascriptCopy kod
if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
// ...
}
Använder sig av window.SpeechRecognition || window.webkitSpeechRecognition, du kan stödja webbläsare som använder standard API (till exempel, Firefox) och de som använder webkit-prefixversionen (kom Chrome).
dock, Observera att API-implementering och språkstöd kan variera från webbläsare till webbläsare. Därför, Det är viktigt att noggrant testa taligenkänning i olika webbläsare för att säkerställa bästa möjliga användarupplevelse.
Vilka webbläsare som stöder SpeechRecognition?
I september 2021, taligenkännings-API (SpeechRecognition) stöddes av flera webbläsare, men specifik support kan variera beroende på webbläsare och plattform. Nedan är några av de stora webbläsarna som stödde detta API:
- Google Chrome: Chrome har bra stöd för taligenkännings-API. API:et introducerades i Chrome 25 och supporten har stadigt förbättrats över tid.
- Mozilla Firefox: Firefox började stödja taligenkännings-API från och med lanseringen 44. dock, support kan kräva manuell aktivering i din webbläsarinställningar.
- Microsoft Edge: Microsoft Edge har också börjat stödja taligenkännings-API:et. Supporten kan variera beroende på webbläsarversioner.
- Safari: Apples Safari stöder taligenkännings-API på plattformar som iOS.
- Opera: Opera erbjuder också stöd för taligenkännings-API, men specifik support kan variera beroende på version.
Det är viktigt att notera att stöd för specifika språk och funktioner kan variera mellan webbläsare. dessutom, Mobila webbläsare som Chrome och Safari stöder ofta taligenkännings-API på mobila enheter.
Eftersom webbläsarstödet kan förändras över tiden med introduktionen av nya versioner och standarder, Jag råder dig att kontrollera webbläsardokumentationen och noggrant testa API:et på de specifika webbläsare du tänker stödja.
