JavaScript-kode til at oprette en talegenkendelsesapp til ChatGPT?

JavaScript-kode til at oprette en talegenkendelsesapp til ChatGPT?

For at oprette en app med stemmegenkendelse, du kan bruge Web Speech Recognition API, tilgængelig i moderne browsere. Her er et eksempel på kode i HTML og JavaScript til at skabe en simpel app, der genkender brugerens stemme og viser den transskriberede tekst:

html Kopiér kode

<!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 dette eksempel, vi har en knap “Start genkendelse” som starter talegenkendelses-API'en, når der trykkes på den. Den transskriberede tekst vises i emnet <div> con id “transskription”. Du kan tilpasse sproget ved at indstille recognition.lang på det ønskede sprog.

Sørg for at bruge denne kode i et miljø med understøttelse af Web Speech Recognition API, som en moderne browser. Bemærk venligst, at brugeroplevelsen kan variere afhængigt af din browser og det valgte sprog.

Hvilke browsere er dette eksempel kompatibelt med??

Eksemplet på talegenkendelse i min tidligere meddelelse bruger API webkitSpeechRecognition, som er specifik for Chrome-browseren. Derfor, dette specifikke eksempel vil kun være kompatibelt med Google Chrome-browseren.

Imidlertid, Det er vigtigt at bemærke, at kompatibiliteten med talegenkendelses-API'en varierer mellem browsere og versioner. For at sikre kompatibilitet med et bredere udvalg af browsere, du kan bruge standard talegenkendelse API (SpeechRecognition) hellere end webkitSpeechRecognition. Her er et eksempel på, hvordan du kan ændre koden til at bruge standard API:

javascriptKopiér kode

if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
    const recognition = new SpeechRecognition();
    // ...
}

Ved brug af window.SpeechRecognition || window.webkitSpeechRecognition, du kan understøtte browsere, der bruger standard API (for eksempel, Firefox) og dem, der bruger webkit-præfiksversionen (kom Chrome).

Imidlertid, Bemærk venligst, at API-implementering og sprogunderstøttelse kan variere fra browser til browser. Derfor, Det er vigtigt omhyggeligt at teste talegenkendelse i forskellige browsere for at sikre den bedst mulige brugeroplevelse.

Hvilke browsere understøtter SpeechRecognition?

I september 2021, talegenkendelses API (SpeechRecognition) blev understøttet af flere browsere, men specifik support kan variere afhængigt af browser og platform. Nedenfor er nogle af de store browsere, der understøttede denne API:

Google Chrome: Chrome har god understøttelse af talegenkendelses API. API'en blev introduceret i Chrome 25 og supporten er blevet støt forbedret over tid.
Mozilla Firefox: Firefox begyndte at understøtte talegenkendelses-API'en fra og med udgivelsen 44. Imidlertid, support kan kræve manuel aktivering i dine browserindstillinger.
Microsoft Edge: Microsoft Edge er også begyndt at understøtte talegenkendelses-API'en. Support kan variere afhængigt af browserversioner.
Safari: Apples Safari understøtter talegenkendelses-API på platforme som iOS.
Opera: Opera tilbyder også understøttelse af talegenkendelses API, men specifik support kan variere fra version til version.

Det er vigtigt at bemærke, at understøttelse af specifikke sprog og funktioner kan variere mellem browsere. desuden, Mobilbrowsere som Chrome og Safari understøtter ofte talegenkendelses-API på mobile enheder.

Da browsersupport kan ændre sig over tid med introduktionen af nye versioner og standarder, Jeg anbefaler, at du tjekker din browserdokumentation og omhyggeligt tester API'en på de specifikke browsere, du har til hensigt at understøtte.