בוט הקול ההיסטורי: 8 שלבים (עם תמונות)

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:14

להלן סקירה מהירה של התוכן.

• מבוא ווידאו ראווה
• מוּשָׂג
• ארכיטקטורה
• שלב 1: צ'אט בוט
• שלב 2: מסך מגע
• שלב 3: הפסקה
• שלב 4: ערכת טלפון וקול וינטג '
• שלב 5: בדוק!

אספקה

מִסגֶרֶת

מסך מגע

טלפון וינטאג '

Google AIY Voice

Node.js

Amazon Web Services AWS EC2

זרימת דיאלוג של Google

אקדח דבק חם (כללי)

מסור ידני

מלחם (גנרי)

שלב 1: מבוא ווידאו ראווה

שוחח עם האדם האהוב עליך מהעבר באמצעות בוט הקול ההיסטורי! בעזרת התקנה אינטראקטיבית זו, אתה יכול לדבר עם דמות היסטורית הן בצ'אט והן בקול. מיוצר באמצעות Dialogflow, Node.js, HTML Canvas, ערכת קול AIY, פטל פטל וטלפון וינטאג '.

שלב 2: קונספט

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

שלב 3: אדריכלות

שלושת החלקים העיקריים הם:

• הקצה האחורי, הכולל את Dialogflow ושרת Node.js
• חזית, המורכבת מדף HTML Canvas
• ההתקנה האינטראקטיבית הכוללת מסך מגע וערכת קול AIY המשולבת בטלפון וינטאג '

שלב 4: שלב 1: צ'אט בוט

זרימת דיאלוג

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

Node.js

שרת כאמור בארכיטקטורה, שרת Node.js הוא המוח של הפעולה, המספק את החיבור בין Dialogflow לבין ההתקנים השונים. עבור הגרסאות הראשונות, השרת פעל באופן מקומי במחשב הנייד שלי. עבור הגירסה הנוכחית, השרת נפרס בשרת EC2 Amazon Web Services המריץ אובונטו. יש כמה הדרכות נהדרות ב- Node.js ומפעילות אותו ב- AWS.

שלב 5: שלב 2: מסך מגע

הגרפיקה האנימציות ל- Voicebot ההיסטורי נוצרו על ידי חיתוך של אלמנטים שונים, כמו הזרועות, הגבות והסנטר, מציור של עדה לאבלייס באמצעות Adobe Photoshop. כל אחד מהרכיבים הללו הונח בנפרד ב- HTML Canvasfrontend. ספריית TweenJSJavaScript שימשה להעביר ולהנפיש את החיתוכים הללו על סמך קלט המשתמשים והתגובות מ- Dialogflow.

מסגרת להשלמת התמונה, מסגרת ישנה נחתכה לגודל מסך המגע. כמו תמיד, למדוד פעמיים, לחתוך פעם אחת.

שלב 6: שלב 3: הפסקה

אל תשכח לקחת הפסקה מרגיעה מדי פעם!

שלב 7: שלב 4: ערכת טלפון וקול וינטג '

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

כדי ליצור את קול הקול העובד, כיוונתי למקם את ערכת AIY בתוך הטלפון תוך שימוש חוזר בכמה שיותר מהתכונות המקוריות.

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

שלב 8: שלב 5: בדוק

האם זה באמת עובד? רק דרך אחת לגלות, בואו נבדוק את זה!

זהו לפרויקט ההיסטורי של Voicebot, נדבר איתך מאוחר יותר!