The Historic Voicebot: 8 steg (med bilder)

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:44

Nedan en snabb översikt över innehållet.

• Introduktion och presentationsvideo
• Begrepp
• Arkitektur
• Steg 1: Chatbot
• Steg 2: Pekskärm
• Steg 3: Bryt
• Steg 4: Vintage Phone & Voice Kit
• Steg 5: Testa!

Tillbehör

Ram

Pekskärm

Vintage telefon

Google AIY Voice

Node.js

Amazon Web Services AWS EC2

Google Dialogflow

Het limpistol (generisk)

Handsåg

Lödkolv (generiskt)

Steg 1: Introduktion och Showcase -video

Ta en chatt med din favoritperson från det förflutna med Historic Voicebot! Med denna interaktiva installation kan du prata med en historisk person genom både chatt och röst. Tillverkad med Dialogflow, Node.js, HTML Canvas, en AIY Voice Kit, en Raspberry Pi och en vintage -telefon.

Steg 2: Koncept

Konceptet består av två delar: En pekskärm med animationer av en historisk figur. Pekskärmen visar också dialogrutan och har knappar så att folk kan ställa en FAQ. En fysisk telefon som fångar tal och ger ljudutgång, så att den kan användas för att ställa frågor och lyssna på svaret.

Steg 3: Arkitektur

De tre huvuddelarna är:

• Backend, som inkluderar Dialogflow och en Node.js -server
• Frontend, som består av en HTML Canvas -sida
• Den interaktiva installationen, som inkluderar en pekskärm och ett AIY Voice Kit integrerat i en vintage telefon

Steg 4: Steg 1: Chatbot

Dialogflöde

För att skapa konversationsagenten i Dialogflow försökte jag testa ett antal olika metoder för att få de mest exakta och pålitliga svaren som möjligt. Jag bestämde mig också för att automatisera så mycket av dialogrutan som möjligt. Jag fann att i det här fallet var det enklaste och mest pålitliga sättet att lägga till kunskap till en Dialogflow chatbot genom att lägga till en CSV -fil med frågor och svarpar. För Historic Voicebot har jag skapat 20 frågor- och svarpar manuellt och lagt till dessa i Dialogflow. Som du kan se är Ada Lovelaces svar korrekta, aktuella och pålitliga. Du hittar mer information om Dialogflow här.

Node.js

Server Som nämnts i arkitekturen är Node.js -servern hjärnan i operationen, som ger anslutningen mellan Dialogflow och de olika enheterna. För de första versionerna kördes servern lokalt på min bärbara dator. För den aktuella versionen distribueras servern på en EC2 Amazon Web Services -server som kör Ubuntu. Det finns några bra självstudier på Node.js och kör det på AWS.

Steg 5: Steg 2: Pekskärm

Grafik Animationerna för Historic Voicebot skapades genom att klippa ut olika element, som armar, ögonbryn och haka, ur en målning av Ada Lovelace med Adobe Photoshop. Var och en av dessa element placerades individuellt på HTML Canvasfrontend. TweenJSJavaScript-biblioteket användes för att flytta och animera dessa utskärningar baserat på input från användare och svaren från Dialogflow.

Ram För att slutföra bilden klipptes en gammal ram till pekskärmens storlek. Som alltid mäter du två gånger, skär en gång.

Steg 6: Steg 3: Bryt

Glöm inte att ta en avkopplande paus då och då!

Steg 7: Steg 4: Vintage Phone & Voice Kit

För telefonen försökte jag hitta en som användes under Ada Lovelace -eran. Inte bara uppfanns telefoner långt efter att hon dog, det är svårt att hitta riktigt gamla telefoner. Ändå kunde jag köpa en gammal Ericsson -telefon som tillverkades på 1960 -talet.

För att skapa den fungerande röstbotten, siktade jag på att placera AIY -satsen inuti telefonen samtidigt som jag återanvände så många av de ursprungliga funktionerna som möjligt.

Jag kunde återanvända högtalaren och de två klockorna i telefonen. Rotationsskivan hölls också intakt, men fungerar för närvarande inte. Jag uppdaterade mikrofonen som fanns inuti handtaget till en modern, för att kunna fånga ljudingången exakt. Jag bytte ut den gamla telefonsladden mot en ny för att kunna ansluta den nya mikrofonen korrekt.

Steg 8: Steg 5: Testa

Fungerar det faktiskt? Bara ett sätt att ta reda på det, låt oss testa det!

Det är det för Historic Voicebot -projektet, prata med dig senare!