קוד JavaScript ליצירת אפליקציית זיהוי דיבור עבור ChatGPT?

קוד JavaScript ליצירת אפליקציית זיהוי דיבור עבור ChatGPT?

ליצירת אפליקציה עם זיהוי קולי, אתה יכול להשתמש ב-Web Speech Recognition API, זמין בדפדפנים מודרניים. הנה דוגמה לקוד ב-HTML ו-JavaScript ליצירת אפליקציה פשוטה המזהה את קולו של המשתמש ומציגה את הטקסט המתומלל:

html העתקת קוד

<!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>

בדוגמה זו, יש לנו כפתור “התחל זיהוי” אשר מפעיל את ה-API לזיהוי דיבור בלחיצה. הטקסט המתומלל יופיע בפריט <div> con id “תַעֲתוּק”. אתה יכול להתאים אישית את השפה על ידי הגדרה recognition.lang על השפה הרצויה.

ודא שאתה משתמש בקוד זה בסביבה עם תמיכה ב-Web Speech Recognition API, כמו דפדפן מודרני. שימו לב שחווית המשתמש עשויה להשתנות בהתאם לדפדפן ולשפה שבחרת.

לאילו דפדפנים הדוגמה הזו תואמת??

הדוגמה של זיהוי הדיבור שסופקה בהודעה הקודמת שלי משתמשת ב-API webkitSpeechRecognition, שהוא ספציפי לדפדפן Chrome. לָכֵן, דוגמה ספציפית זו תהיה תואמת רק לדפדפן Google Chrome.

למרות זאת, חשוב לציין שהתאימות ל-API לזיהוי דיבור משתנה בין דפדפנים וגרסאות. כדי להבטיח תאימות למגוון רחב יותר של דפדפנים, אתה יכול להשתמש ב-API הסטנדרטי של זיהוי דיבור (SpeechRecognition) ולא webkitSpeechRecognition. הנה דוגמה לאופן שבו אתה יכול לשנות את הקוד לשימוש ב-API הסטנדרטי:

javascriptCopy קוד

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

באמצעות window.SpeechRecognition || window.webkitSpeechRecognition, אתה יכול לתמוך בדפדפנים המשתמשים ב-API הסטנדרטי (לדוגמה, פיירפוקס) ואלה המשתמשים בגרסת הקידומת webkit (בוא לכרום).

למרות זאת, שים לב שהטמעת API ותמיכה בשפה עשויים להשתנות מדפדפן לדפדפן. לָכֵן, חשוב לבדוק היטב את זיהוי הדיבור בדפדפנים שונים כדי להבטיח את חווית המשתמש הטובה ביותר.

אילו דפדפנים תומכים ב-SpeechRecognition?

בספטמבר 2021, ה-API לזיהוי דיבור (SpeechRecognition) נתמך על ידי מספר דפדפנים, אך תמיכה ספציפית עשויה להשתנות בהתאם לדפדפן ולפלטפורמה. להלן כמה מהדפדפנים העיקריים שתמכו ב-API זה:

גוגל כרום: לכרום יש תמיכה טובה ב-API לזיהוי דיבור. ה-API הוצג בכרום 25 והתמיכה השתפרה בהתמדה לאורך זמן.
Mozilla Firefox: Firefox התחילה לתמוך ב-API לזיהוי דיבור החל מההוצאה 44. למרות זאת, התמיכה עשויה לדרוש הפעלה ידנית בהגדרות הדפדפן שלך.
מיקרוסופט אדג: Microsoft Edge החלה גם לתמוך ב-API של זיהוי דיבור. התמיכה עשויה להשתנות בהתאם לגרסאות הדפדפן.
ספארי: ספארי של אפל תומך ב-API של זיהוי דיבור בפלטפורמות כמו iOS.
אוֹפֵּרָה: Opera מציעה גם תמיכה ב-API לזיהוי דיבור, אך תמיכה ספציפית עשויה להשתנות לפי גרסה.

חשוב לציין שתמיכה בשפה ובתכונה ספציפית עשויה להשתנות בין הדפדפנים. יתר על כן, דפדפנים ניידים כמו Chrome ו-Safari תומכים לרוב ב-API של זיהוי דיבור במכשירים ניידים.

מאחר שתמיכת הדפדפן עשויה להשתנות עם הזמן עם הצגת גרסאות ותקנים חדשים, אני ממליץ לך לבדוק את תיעוד הדפדפן ולבדוק בזהירות את ה-API בדפדפנים הספציפיים שבהם אתה מתכוון לתמוך.