Koda JavaScript za ustvarjanje aplikacije za prepoznavanje govora za ChatGPT?

Koda JavaScript za ustvarjanje aplikacije za prepoznavanje govora za ChatGPT?

Če želite ustvariti aplikacijo s prepoznavanjem glasu, lahko uporabite API za spletno prepoznavanje govora, na voljo v sodobnih brskalnikih. Tukaj je primer kode v HTML in JavaScript za ustvarjanje preproste aplikacije, ki prepozna uporabnikov glas in prikaže prepisano besedilo:

htmlKopiraj kodo

<!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 tem primeru, imamo gumb “Zaženite prepoznavanje” ki ob pritisku zažene API za prepoznavanje govora. Prepisano besedilo bo prikazano v predmetu <div> con id “prepisovanje”. Jezik lahko prilagodite z nastavitvijo recognition.lang v želenem jeziku.

Prepričajte se, da uporabljate to kodo v okolju s podporo za API za spletno prepoznavanje govora, kot sodoben brskalnik. Upoštevajte, da se uporabniška izkušnja lahko razlikuje glede na vaš brskalnik in izbrani jezik.

S katerimi brskalniki je združljiv ta primer?

Primer prepoznavanja govora v prejšnjem sporočilu uporablja API webkitSpeechRecognition, ki je značilen za brskalnik Chrome. Pertanto, ta poseben primer bo združljiv samo z brskalnikom Google Chrome.

Tuttavia, Pomembno je vedeti, da se združljivost z API-jem za prepoznavanje govora razlikuje med brskalniki in različicami. Za zagotovitev združljivosti s širšim naborom brskalnikov, lahko uporabite standardni API za prepoznavanje govora (SpeechRecognition) raje kot webkitSpeechRecognition. Tukaj je primer, kako lahko spremenite kodo za uporabo standardnega API-ja:

javascriptKopiraj kodo

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

Uporaba window.SpeechRecognition || window.webkitSpeechRecognition, podpirate lahko brskalnike, ki uporabljajo standardni API (na primer, Firefox) in tiste, ki uporabljajo različico predpone webkit (pridi Chrome).

Tuttavia, Upoštevajte, da se implementacija API-ja in jezikovna podpora lahko razlikujejo od brskalnika do brskalnika. Pertanto, Pomembno je, da natančno preizkusite prepoznavanje govora v različnih brskalnikih, da zagotovite najboljšo možno uporabniško izkušnjo.

Kateri brskalniki podpirajo SpeechRecognition?

V septembru 2021, API za prepoznavanje govora (SpeechRecognition) je podpiralo več brskalnikov, vendar se posebna podpora lahko razlikuje glede na brskalnik in platformo. Spodaj je nekaj glavnih brskalnikov, ki podpirajo ta API:

Google Chrome: Chrome ima dobro podporo za API za prepoznavanje govora. API je bil predstavljen v Chromu 25 in podpora se je skozi čas vztrajno izboljševala.
Mozilla Firefox: Firefox je začel podpirati API za prepoznavanje govora z izdajo 44. Tuttavia, podpora bo morda zahtevala ročno aktiviranje v nastavitvah brskalnika.
Microsoft Edge: Microsoft Edge je prav tako začel podpirati API za prepoznavanje govora. Podpora se lahko razlikuje glede na različice brskalnika.
Safari: Applov Safari podpira API za prepoznavanje govora na platformah, kot je iOS.
Opera: Opera ponuja tudi podporo za API za prepoznavanje govora, vendar se posebna podpora lahko razlikuje glede na različico.

Pomembno je vedeti, da se določen jezik in podpora za funkcije lahko med brskalniki razlikujejo. Inoltre, Mobilni brskalniki, kot sta Chrome in Safari, pogosto podpirajo API za prepoznavanje govora v mobilnih napravah.

Ker se lahko podpora brskalnika sčasoma spremeni z uvedbo novih različic in standardov, Svetujem vam, da preverite dokumentacijo brskalnika in natančno preizkusite API v določenih brskalnikih, ki jih nameravate podpirati.