Historiallinen Voicebot: 8 vaihetta (kuvilla)

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:01

Alla nopea katsaus sisältöön.

• Esittely ja esittelyvideo
• Konsepti
• Arkkitehtuuri
• Vaihe 1: Chatbot
• Vaihe 2: Kosketusnäyttö
• Vaihe 3: Tauko
• Vaihe 4: Vintage -puhelin- ja äänisarja
• Vaihe 5: Testaa!

Tarvikkeet

Runko

Kosketusnäyttö

Vintage puhelin

Google AIY Voice

Node.js

Amazon Web Services AWS EC2

Google Dialogflow

Kuuma liimapistooli (yleinen)

Käsisaha

Juotosrauta (yleinen)

Vaihe 1: Johdanto ja esittelyvideo

Keskustele suosikkihenkilösi kanssa historiallisen Voicebotin kanssa! Tämän interaktiivisen asennuksen avulla voit puhua historialliselle henkilölle sekä chatin että äänen kautta. Valmistettu Dialogflow'n, Node.js: n, HTML Canvasin, AIY Voice Kitin, Raspberry Pi: n ja vintage -puhelimen avulla.

Vaihe 2: Käsite

Konsepti koostuu kahdesta osasta: Kosketusnäyttö, jossa on animaatioita historiallisesta henkilöstä. Kosketusnäyttö näyttää myös valintaikkunan ja siinä on painikkeita, joiden avulla ihmiset voivat kysyä usein kysyttyjä kysymyksiä.

Vaihe 3: Arkkitehtuuri

Kolme pääosaa ovat:

• Taustaosa, joka sisältää Dialogflow ja Node.js -palvelimen
• Käyttöliittymä, joka koostuu HTML Canvas -sivusta
• Vuorovaikutteinen asennus, johon kuuluu kosketusnäyttö ja AIY -äänisarja, joka on integroitu vintage -puhelimeen

Vaihe 4: Vaihe 1: Chatbot

Dialogflow

Keskusteluagentin luomiseksi Dialogflow'ssa kokeilin ja testasin useita erilaisia lähestymistapoja saadakseni mahdollisimman tarkat ja luotettavat vastaukset. Päätin myös automatisoida mahdollisimman suuren osan dialogista. Huomasin, että tässä tapauksessa helpoin ja luotettavin tapa lisätä tietoa Dialogflow -chatbottiin oli lisätä CSV -tiedosto, jossa on kysymys- ja vastausparit. Historic Voicebotia varten olen luonut manuaalisesti 20 kysymys- ja vastausparia ja lisännyt ne Dialogflow -palveluun. Kuten näette, Ada Lovelacen vastaukset ovat oikeita, ajankohtaisia ja luotettavia. Löydät lisätietoja Dialogflowista täältä.

Node.js

Palvelin Kuten arkkitehtuurissa mainittiin, Node.js -palvelin on toiminnan aivot, joka tarjoaa yhteyden Dialogflow'n ja eri laitteiden välillä. Ensimmäisissä versioissa palvelin toimi paikallisesti kannettavalla tietokoneellani. Nykyisessä versiossa palvelin on otettu käyttöön EC2 Amazon Web Services -palvelimessa, jossa on Ubuntu. Node.js: ssa ja sen käyttämisessä AWS: ssä on hienoja opetusohjelmia.

Vaihe 5: Vaihe 2: Kosketusnäyttö

Grafiikka Historiallisen Voicebotin animaatiot luotiin leikkaamalla eri elementtejä, kuten käsivarsia, kulmakarvoja ja leukaa, Ada Lovelace -maalauksesta Adobe Photoshopilla. Jokainen näistä elementeistä sijoitettiin yksittäin HTML -kangaspään etuosaan. TweenJSJavaScript-kirjastoa käytettiin näiden katkaisujen siirtämiseen ja animointiin käyttäjien antamien tietojen ja Dialogflow-vastausten perusteella.

Kehys Kuvan täydentämiseksi vanha kehys leikattiin kosketusnäytön kokoiseksi. Kuten aina, mittaa kahdesti, leikkaa kerran.

Vaihe 6: Vaihe 3: Tauko

Älä unohda pitää rentouttavaa taukoa silloin tällöin!

Vaihe 7: Vaihe 4: Vintage -puhelin- ja äänisarja

Puhelimelle yritin löytää sellaisen, jota käytettiin Ada Lovelace -kauden aikana. Paitsi että puhelimet keksittiin kauan hänen kuolemansa jälkeen, todella vanhoja puhelimia on vaikea löytää. Kuitenkin pystyin ostamaan vanhan Ericssonin pyörivän puhelimen, joka valmistettiin 1960 -luvulla.

Luodakseni toimivan äänibotin, pyrin asettamaan AIY -sarjan puhelimen sisälle ja käyttämään uudelleen mahdollisimman paljon alkuperäisiä ominaisuuksia.

Pystyin käyttämään kaiutinta ja kahta kelloa puhelimen sisällä. Pyörivä levy pidettiin myös ehjänä, mutta se ei tällä hetkellä toimi. Päivitin kahvan sisällä olevan mikrofonin nykyaikaiseksi, jotta voin äänittää äänitulon tarkasti. Vaihdoin vanhan puhelinjohdon uuteen, jotta voin kytkeä uuden mikrofonin oikein.

Vaihe 8: Vaihe 5: Testaa

Toimiiko se todella? Vain yksi tapa saada selville, testataan!

Siinä Historic Voicebot -projekti, puhutaan myöhemmin!