Kód JavaScript pro vytvoření aplikace pro rozpoznávání řeči pro ChatGPT?
Chcete-li vytvořit aplikaci s rozpoznáváním hlasu, můžete použít rozhraní Web Speech Recognition API, dostupné v moderních prohlížečích. Zde je příklad kódu v HTML a JavaScript pro vytvoření jednoduché aplikace, která rozpozná hlas uživatele a zobrazí přepsaný text:
htmlKopírovat kód
<!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>
V tomto příkladu, máme tlačítko “Spusťte rozpoznávání” který po stisknutí spustí API pro rozpoznávání řeči. Přepsaný text se objeví v položce <div> con id “transkripce”. Jazyk si můžete přizpůsobit nastavením recognition.lang na požadovaný jazyk.
Ujistěte se, že tento kód používáte v prostředí s podporou rozhraní Web Speech Recognition API, jako moderní prohlížeč. Vezměte prosím na vědomí, že uživatelská zkušenost se může lišit v závislosti na vašem prohlížeči a zvoleném jazyce.
S jakými prohlížeči je tento příklad kompatibilní??
Příklad rozpoznávání řeči uvedený v mé předchozí zprávě používá rozhraní API webkitSpeechRecognition, který je specifický pro prohlížeč Chrome. Proto, tento konkrétní příklad bude kompatibilní pouze s prohlížečem Google Chrome.
nicméně, Je důležité si uvědomit, že kompatibilita s rozhraním API pro rozpoznávání řeči se mezi prohlížeči a verzemi liší. Aby byla zajištěna kompatibilita s širším spektrem prohlížečů, můžete použít standardní rozhraní API pro rozpoznávání řeči (SpeechRecognition) spíše než webkitSpeechRecognition. Zde je příklad, jak můžete upravit kód tak, aby používal standardní API:
javascriptKopírovat kód
if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
// ...
}
Použitím window.SpeechRecognition || window.webkitSpeechRecognition, můžete podporovat prohlížeče, které používají standardní API (například, Firefox) a ti, kteří používají verzi s předponou webkitu (přijít Chrome).
nicméně, Vezměte prosím na vědomí, že implementace API a jazyková podpora se mohou lišit prohlížeč od prohlížeče. Proto, Je důležité pečlivě otestovat rozpoznávání řeči v různých prohlížečích, abyste zajistili co nejlepší uživatelskou zkušenost.
Které prohlížeče podporují rozpoznávání řeči?
V září 2021, rozhraní API pro rozpoznávání řeči (SpeechRecognition) byl podporován několika prohlížeči, ale konkrétní podpora se může lišit podle prohlížeče a platformy. Níže jsou uvedeny některé z hlavních prohlížečů, které toto rozhraní API podporovaly:
- Google Chrome: Chrome má dobrou podporu pro rozhraní API pro rozpoznávání řeči. API bylo představeno v Chrome 25 a podpora se postupem času neustále zlepšovala.
- Mozilla Firefox: Firefox začal podporovat rozhraní API pro rozpoznávání řeči počínaje vydáním 44. nicméně, podpora může vyžadovat ruční aktivaci v nastavení vašeho prohlížeče.
- Microsoft Edge: Microsoft Edge také začal podporovat rozhraní API pro rozpoznávání řeči. Podpora se může lišit v závislosti na verzi prohlížeče.
- Safari: Apple Safari podporuje rozhraní API pro rozpoznávání řeči na platformách, jako je iOS.
- Opera: Opera také nabízí podporu pro API pro rozpoznávání řeči, ale konkrétní podpora se může lišit podle verze.
Je důležité si uvědomit, že konkrétní jazyk a podpora funkcí se může v různých prohlížečích lišit. navíc, Mobilní prohlížeče jako Chrome a Safari často podporují rozhraní API pro rozpoznávání řeči na mobilních zařízeních.
Vzhledem k tomu, že podpora prohlížeče se může v průběhu času změnit se zavedením nových verzí a standardů, Doporučuji vám zkontrolovat dokumentaci prohlížeče a pečlivě otestovat rozhraní API na konkrétních prohlížečích, které hodláte podporovat.
