رمز JavaScript لإنشاء تطبيق للتعرف على الكلام لـ ChatGPT?

مستخدم

رمز JavaScript لإنشاء تطبيق للتعرف على الكلام لـ ChatGPT?

لإنشاء تطبيق مع التعرف على الصوت, يمكنك استخدام واجهة برمجة تطبيقات التعرف على الكلام على الويب, متوفرة في المتصفحات الحديثة. فيما يلي مثال للتعليمات البرمجية في 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>

في هذا المثال, لدينا زر “ابدأ الاعتراف” الذي يطلق واجهة برمجة تطبيقات التعرف على الكلام عند الضغط عليه. سيظهر النص المكتوب في العنصر <div> معرف يخدع “النسخ”. يمكنك تخصيص اللغة عن طريق الإعداد recognition.lang على اللغة المطلوبة.

تأكد من استخدام هذا الرمز في بيئة تدعم واجهة برمجة تطبيقات التعرف على الكلام على الويب, مثل المتصفح الحديث. يرجى ملاحظة أن تجربة المستخدم قد تختلف حسب متصفحك واللغة المحددة.

مستخدم

ما هي المتصفحات التي يتوافق معها هذا المثال؟?

يستخدم مثال التعرف على الكلام المقدم في رسالتي السابقة واجهة برمجة التطبيقات webkitSpeechRecognition, وهو خاص بمتصفح Chrome. Pertanto, سيكون هذا المثال المحدد متوافقًا فقط مع متصفح Google Chrome.

Tuttavia, من المهم ملاحظة أن التوافق مع واجهة برمجة تطبيقات التعرف على الكلام يختلف بين المتصفحات والإصدارات. لضمان التوافق مع مجموعة واسعة من المتصفحات, يمكنك استخدام واجهة برمجة التطبيقات القياسية للتعرف على الكلام (SpeechRecognition) بدلا من webkitSpeechRecognition. فيما يلي مثال لكيفية تعديل التعليمات البرمجية لاستخدام واجهة برمجة التطبيقات القياسية:

جافا سكريبت نسخ كود

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

استخدام window.SpeechRecognition || window.webkitSpeechRecognition, يمكنك دعم المتصفحات التي تستخدم واجهة برمجة التطبيقات القياسية (على سبيل المثال, ثعلب النار) وأولئك الذين يستخدمون إصدار بادئة webkit (تعال كروم).

Tuttavia, يرجى ملاحظة أن تنفيذ واجهة برمجة التطبيقات (API) ودعم اللغة قد يختلف من متصفح إلى آخر. Pertanto, من المهم اختبار التعرف على الكلام بعناية في متصفحات مختلفة لضمان أفضل تجربة ممكنة للمستخدم.

مستخدم

ما هي المتصفحات التي تدعم ميزة التعرف على الكلام؟?

في سبتمبر 2021, واجهة برمجة التطبيقات للتعرف على الكلام (SpeechRecognition) كان مدعوما من قبل العديد من المتصفحات, ولكن قد يختلف الدعم المحدد حسب المتصفح والنظام الأساسي. فيما يلي بعض المتصفحات الرئيسية التي تدعم واجهة برمجة التطبيقات هذه:

  1. جوجل كروم: يتمتع Chrome بدعم جيد لواجهة برمجة تطبيقات التعرف على الكلام. تم تقديم واجهة برمجة التطبيقات (API) في Chrome 25 وقد تم تحسين الدعم بشكل مطرد مع مرور الوقت.
  2. موزيلا فايرفوكس: بدأ Firefox في دعم واجهة برمجة تطبيقات التعرف على الكلام بدءًا من الإصدار 44. Tuttavia, قد يتطلب الدعم التنشيط اليدوي في إعدادات المتصفح الخاص بك.
  3. مايكروسوفت ايدج: بدأ Microsoft Edge أيضًا في دعم واجهة برمجة تطبيقات التعرف على الكلام. قد يختلف الدعم حسب إصدارات المتصفح.
  4. سفاري: يدعم Apple Safari واجهة برمجة تطبيقات التعرف على الكلام على منصات مثل iOS.
  5. الأوبرا: تقدم Opera أيضًا دعمًا لواجهة برمجة تطبيقات التعرف على الكلام, ولكن قد يختلف الدعم المحدد حسب الإصدار.

من المهم ملاحظة أن دعم اللغة والميزات المحددة قد يختلف بين المتصفحات. Inoltre, غالبًا ما تدعم متصفحات الجوال مثل Chrome وSafari واجهة برمجة تطبيقات التعرف على الكلام على الأجهزة المحمولة.

نظرًا لأن دعم المتصفح قد يتغير بمرور الوقت مع تقديم إصدارات ومعايير جديدة, أنصحك بالتحقق من وثائق المتصفح واختبار واجهة برمجة التطبيقات (API) بعناية على المتصفحات المحددة التي تنوي دعمها.