The Voicebot التاريخي: 8 خطوات (بالصور)

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:38

أدناه نظرة عامة سريعة على المحتوى.

• مقدمة وعرض الفيديو
• مفهوم
• هندسة معمارية
• الخطوة 1: Chatbot
• الخطوة 2: شاشة تعمل باللمس
• الخطوة 3: استراحة
• الخطوة 4: طقم الهاتف والصوت العتيق
• الخطوة 5: الاختبار!

اللوازم

إطار

شاشة لمس

هاتف قديم

جوجل AIY صوت

Node.js

Amazon Web Services AWS EC2

Google Dialogflow

مسدس الغراء الساخن (عام)

منشار

لحام الحديد (عام)

الخطوة 1: مقدمة وعرض فيديو

قم بإجراء محادثة مع الشخص المفضل لديك من الماضي باستخدام برنامج Historic Voicebot! مع هذا التثبيت التفاعلي ، يمكنك التحدث إلى شخصية تاريخية من خلال الدردشة والصوت. تم تصنيعه باستخدام Dialogflow و Node.js و HTML Canvas ومجموعة AIY Voice Kit و Raspberry Pi وهاتف قديم.

الخطوة الثانية: المفهوم

يتكون المفهوم من جزأين: شاشة تعمل باللمس بها رسوم متحركة لشخصية تاريخية. تعرض الشاشة التي تعمل باللمس أيضًا مربع الحوار وتحتوي على أزرار حتى يتمكن الأشخاص من طرح الأسئلة الشائعة. هاتف فعلي يلتقط الكلام ويعطي إخراجًا صوتيًا ، بحيث يمكن استخدامه لطرح الأسئلة والاستماع إلى الإجابة.

الخطوة الثالثة: الهندسة المعمارية

الأجزاء الثلاثة الرئيسية هي:

• الواجهة الخلفية ، والتي تتضمن Dialogflow وخادم Node.js
• الواجهة الأمامية ، والتي تتكون من صفحة HTML Canvas
• التثبيت التفاعلي ، والذي يتضمن شاشة تعمل باللمس ومجموعة AIY Voice Kit مدمجة في هاتف قديم

الخطوة 4: الخطوة 1: Chatbot

مسار الحوار

لإنشاء وكيل المحادثة في Dialogflow ، جربت واختبرت عددًا من الأساليب المختلفة للحصول على إجابات أكثر دقة وموثوقية ممكنة. شرعت أيضًا في أتمتة أكبر قدر ممكن من إنشاء مربع الحوار ، ووجدت أنه في هذه الحالة ، كانت الطريقة الأسهل والأكثر موثوقية لإضافة المعرفة إلى برنامج Dialogflow chatbot هي إضافة ملف CSV به أزواج من الأسئلة والأجوبة. بالنسبة إلى Voicebot التاريخي ، قمت يدويًا بإنشاء 20 زوجًا من الأسئلة والأجوبة وأضفتها إلى Dialogflow. كما ترى ، فإن إجابات Ada Lovelace صحيحة وفي الوقت المناسب وموثوقة. يمكنك العثور على مزيد من المعلومات حول Dialogflow هنا.

Node.js

الخادم كما هو مذكور في البنية ، فإن خادم Node.js هو العقل المدبر للعملية ، حيث يوفر الاتصال بين Dialogflow والأجهزة المختلفة. بالنسبة للإصدارات الأولى ، كان الخادم يعمل محليًا على الكمبيوتر المحمول الخاص بي. بالنسبة للإصدار الحالي ، يتم نشر الخادم على خادم EC2 Amazon Web Services الذي يقوم بتشغيل Ubuntu. هناك بعض البرامج التعليمية الرائعة على Node.js وتشغيلها على AWS.

الخطوة 5: الخطوة 2: شاشة اللمس

تم إنشاء الرسوم المتحركة لـ Historic Voicebot عن طريق قطع عناصر مختلفة ، مثل الذراعين والحواجب والذقن ، من لوحة Ada Lovelace باستخدام Adobe Photoshop. تم وضع كل عنصر من هذه العناصر بشكل فردي على واجهة HTML Canvas. تم استخدام مكتبة TweenJSJavaScript لنقل وتحريك هذه القصاصات بناءً على المدخلات من المستخدمين والاستجابات من Dialogflow.

لإكمال الصورة ، تم قطع إطار قديم بحجم شاشة اللمس. كما هو الحال دائمًا ، قم بقياس مرتين ، واقطع مرة واحدة.

الخطوة 6: الخطوة 3: استراحة

لا تنس أن تأخذ استراحة مريحة بين الحين والآخر!

الخطوة 7: الخطوة 4: طقم الهاتف والصوت القديم

بالنسبة للهاتف ، حاولت العثور على هاتف تم استخدامه خلال عصر Ada Lovelace. لم يتم اختراع الهواتف بعد فترة طويلة من وفاتها فحسب ، بل إنه من الصعب حقًا الحصول على الهواتف القديمة. ومع ذلك ، فقد تمكنت من شراء هاتف دوار قديم من إريكسون تم إنتاجه في الستينيات.

لإنشاء برنامج صوتي يعمل ، كنت أهدف إلى وضع مجموعة AIY داخل الهاتف أثناء إعادة استخدام أكبر عدد ممكن من الميزات الأصلية.

تمكنت من إعادة استخدام السماعة والجرسين داخل الهاتف. تم أيضًا الحفاظ على القرص الدوار سليمًا ، ولكنه لا يعمل حاليًا. لقد قمت بتحديث الميكروفون الموجود داخل المقبض إلى ميكروفون حديث ، حتى أتمكن من التقاط إدخال الصوت بدقة. لقد استبدلت سلك الهاتف القديم بسلك جديد لأتمكن من توصيل الميكروفون الجديد بشكل صحيح.

الخطوة 8: الخطوة 5: الاختبار

هل تعمل فعلا؟ طريقة واحدة فقط لمعرفة ذلك ، فلنختبرها!

هذا كل ما يخص مشروع Historic Voicebot ، تحدث إليكم لاحقًا!