Kód JavaScript na vytvorenie aplikácie na rozpoznávanie reči pre ChatGPT?

Kód JavaScript na vytvorenie aplikácie na rozpoznávanie reči pre ChatGPT?

Na vytvorenie aplikácie s rozpoznávaním hlasu, môžete použiť rozhranie Web Speech Recognition API, dostupné v moderných prehliadačoch. Tu je príklad kódu v HTML a JavaScript na vytvorenie jednoduchej aplikácie, ktorá rozpozná hlas používateľa a zobrazí prepísaný text:

htmlKopírovať 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 príklade, máme tlačidlo “Spustite rozpoznávanie” ktorý po stlačení spustí API na rozpoznávanie reči. Prepísaný text sa zobrazí v položke <div> con id “prepis”. Jazyk si môžete prispôsobiť nastavením recognition.lang v požadovanom jazyku.

Uistite sa, že tento kód používate v prostredí s podporou rozhrania Web Speech Recognition API, ako moderný prehliadač. Upozorňujeme, že používateľská skúsenosť sa môže líšiť v závislosti od vášho prehliadača a zvoleného jazyka.

S ktorými prehliadačmi je tento príklad kompatibilný??

Príklad rozpoznávania reči uvedený v mojej predchádzajúcej správe používa rozhranie API webkitSpeechRecognition, ktorý je špecifický pre prehliadač Chrome. Preto, tento konkrétny príklad bude kompatibilný iba s prehliadačom Google Chrome.

Avšak, Je dôležité poznamenať, že kompatibilita s rozhraním API na rozpoznávanie reči sa medzi prehliadačmi a verziami líši. Aby bola zaistená kompatibilita so širším spektrom prehliadačov, môžete použiť štandardné rozhranie API na rozpoznávanie reči (SpeechRecognition) radšej než webkitSpeechRecognition. Tu je príklad toho, ako môžete upraviť kód tak, aby používal štandardné API:

javascriptKopírovať 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 podporovať prehliadače, ktoré používajú štandardné API (napríklad, Firefox) a tí, ktorí používajú verziu predpony webkitu (poď Chrome).

Avšak, Upozorňujeme, že implementácia API a jazyková podpora sa môžu v jednotlivých prehliadačoch líšiť. Preto, Je dôležité starostlivo otestovať rozpoznávanie reči v rôznych prehliadačoch, aby ste zaistili čo najlepšiu používateľskú skúsenosť.

Ktoré prehliadače podporujú rozpoznávanie reči?

V septembri 2021, API na rozpoznávanie reči (SpeechRecognition) bol podporovaný niekoľkými prehliadačmi, ale konkrétna podpora sa môže líšiť v závislosti od prehliadača a platformy. Nižšie sú uvedené niektoré z hlavných prehliadačov, ktoré podporovali toto API:

Google Chrome: Chrome má dobrú podporu pre rozhranie API na rozpoznávanie reči. Rozhranie API bolo predstavené v prehliadači Chrome 25 a podpora sa postupom času neustále zlepšovala.
Mozilla Firefox: Firefox začal podporovať rozhranie API na rozpoznávanie reči počnúc vydaním 44. Avšak, podpora môže vyžadovať manuálnu aktiváciu v nastaveniach vášho prehliadača.
Microsoft Edge: Microsoft Edge tiež začal podporovať rozhranie API na rozpoznávanie reči. Podpora sa môže líšiť v závislosti od verzií prehliadača.
Safari: Safari od Apple podporuje API rozpoznávania reči na platformách ako iOS.
Opera: Opera tiež ponúka podporu pre API na rozpoznávanie reči, ale špecifická podpora sa môže líšiť v závislosti od verzie.

Je dôležité poznamenať, že konkrétny jazyk a podpora funkcií sa môže v jednotlivých prehliadačoch líšiť. Ďalej, Mobilné prehliadače ako Chrome a Safari často podporujú rozhranie API na rozpoznávanie reči na mobilných zariadeniach.

Keďže podpora prehliadača sa môže časom zmeniť so zavedením nových verzií a štandardov, Odporúčam vám skontrolovať dokumentáciu vášho prehliadača a dôkladne otestovať API na konkrétnych prehliadačoch, ktoré chcete podporovať.