The Voicebot istoric: 8 pași (cu imagini)

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:43

Mai jos o prezentare rapidă a conținutului.

• Introducere și prezentare video
• Concept
• Arhitectură
• Pasul 1: Chatbot
• Pasul 2: ecran tactil
• Pasul 3: Pauză
• Pasul 4: Set telefon și voce vintage
• Pasul 5: Testează!

Provizii

Cadru

Touch screen

Telefon vintage

Google AIY Voice

Node.js

Amazon Web Services AWS EC2

Google Dialogflow

Pistol de lipit fierbinte (generic)

Fierastrau

Fier de lipit (generic)

Pasul 1: Introducere și prezentare video

Discutați cu persoana preferată din trecut cu Voicebot istoric! Cu această instalație interactivă, puteți vorbi cu o persoană istorică atât prin chat, cât și prin voce. Realizat folosind Dialogflow, Node.js, HTML Canvas, un kit vocal AIY, un Raspberry Pi și un telefon vintage.

Pasul 2: Concept

Conceptul este format din două părți: un ecran tactil cu animații ale unei figuri istorice. Ecranul tactil afișează, de asemenea, dialogul și are butoane, astfel încât oamenii să poată cere întrebări frecvente.

Pasul 3: Arhitectură

Cele trei părți principale sunt:

• Backend-ul, care include Dialogflow și un server Node.js
• Frontendul, care constă dintr-o pagină HTML Canvas
• Instalația interactivă, care include un ecran tactil și un kit AIY Voice integrat într-un telefon de epocă

Pasul 4: Pasul 1: Chatbot

Flux de dialog

Pentru a crea agentul de conversație în Dialogflow, am încercat și testat o serie de abordări diferite pentru a obține cele mai precise și mai fiabile răspunsuri posibile. De asemenea, mi-am propus să automatizez cât mai mult din crearea dialogului. Am constatat că, în acest caz, cel mai simplu și mai fiabil mod de a adăuga cunoștințe într-un dialog Dialogflow a fost prin adăugarea unui fișier CSV cu perechi de întrebări și răspunsuri. Pentru Historic Voicebot, am creat manual 20 de perechi de întrebări și răspunsuri și le-am adăugat în Dialogflow. După cum puteți vedea, răspunsurile Ada Lovelace sunt corecte, la timp și fiabile. Puteți găsi mai multe informații despre Dialogflow chiar aici.

Node.js

Server Așa cum s-a menționat în arhitectură, serverul Node.js este creierul operației, oferind conexiunea între Dialogflow și diferitele dispozitive. Pentru primele versiuni, serverul rulează local pe laptopul meu. Pentru versiunea curentă, serverul este implementat pe un server EC2 Amazon Web Services care rulează Ubuntu. Există câteva tutoriale minunate pe Node.js și care îl rulează pe AWS.

Pasul 5: Pasul 2: ecran tactil

Animațiile pentru Historic Voicebot au fost create prin tăierea diferitelor elemente, cum ar fi brațele, sprâncenele și bărbia, dintr-o pictură a Ada Lovelace folosind Adobe Photoshop. Fiecare dintre aceste elemente au fost plasate individual pe HTML Canvasfrontend. Biblioteca TweenJSJavaScript a fost utilizată pentru a muta și anima aceste decupaje pe baza intrărilor de la utilizatori și a răspunsurilor din Dialogflow.

Pentru a finaliza imaginea, un cadru vechi a fost tăiat la dimensiunea ecranului tactil. Ca întotdeauna, măsurați de două ori, tăiați o dată.

Pasul 6: Pasul 3: Pauză

Nu uitați să faceți o pauză relaxantă din când în când!

Pasul 7: Pasul 4: Set telefon și voce vintage

Pentru telefon am încercat să găsesc unul care a fost folosit în timpul Ada Lovelace. Nu numai că telefoanele au fost inventate la mult timp după ce a murit, dar telefoanele cu adevărat vechi sunt greu de găsit. Cu toate acestea, am putut cumpăra un telefon rotativ vechi Ericsson produs în anii 1960.

Pentru a crea vocea funcțională, am urmărit să plasez kitul AIY în interiorul telefonului, refolosind în același timp cât mai multe funcții originale.

Am putut reutiliza difuzorul și cele două clopote din telefon. Discul rotativ a fost, de asemenea, păstrat intact, dar în prezent nu este funcțional. Am actualizat microfonul care se afla în interiorul mânerului la unul modern, pentru a putea capta cu precizie intrarea audio. Am înlocuit vechiul cablu telefonic cu unul nou pentru a putea conecta corect noul microfon.

Pasul 8: Pasul 5: Testează

De fapt funcționează? O singură modalitate de a afla, să o testăm!

Gata pentru proiectul Historic Voicebot, vorbim mai târziu!