Sommario:

Lo storico Voicebot: 8 passaggi (con immagini)
Lo storico Voicebot: 8 passaggi (con immagini)

Video: Lo storico Voicebot: 8 passaggi (con immagini)

Video: Lo storico Voicebot: 8 passaggi (con immagini)
Video: CAMBIA VOCE (anche in tempo reale!) CON L'INTELLIGENZA ARTIFICIALE - Tutorial Voice.ai 2024, Luglio
Anonim
Lo storico Voicebot
Lo storico Voicebot

Di seguito una rapida panoramica dei contenuti.

  • Video di presentazione e presentazione
  • Concetto
  • Architettura
  • Passaggio 1: chatbot
  • Passaggio 2: touchscreen
  • Passaggio 3: pausa
  • Passaggio 4: kit telefono e voce vintage
  • Passaggio 5: prova!

Forniture

Portafoto

Touch screen

Telefono vintage

Voce AIY di Google

Nodo.js

Amazon Web Services AWS EC2

Google Dialogflow

Pistola per colla a caldo (generica)

Sega a mano

Saldatore (generico)

Passaggio 1: video di presentazione e presentazione

Image
Image

Fai una chiacchierata con la tua persona preferita del passato con Historic Voicebot! Con questa installazione interattiva, puoi parlare con un personaggio storico tramite chat e voce. Realizzato utilizzando Dialogflow, Node.js, HTML Canvas, un AIY Voice Kit, un Raspberry Pi e un telefono vintage.

Passaggio 2: concetto

Architettura
Architettura

Il concept si compone di due parti: Un touchscreen con animazioni di un personaggio storico. Il touchscreen mostra anche la finestra di dialogo e dispone di pulsanti in modo che le persone possano porre domande frequenti. Un telefono fisico che acquisisce il parlato e fornisce un output audio, quindi può essere utilizzato per porre domande e ascoltare la risposta.

Passaggio 3: architettura

Le tre parti principali sono:

  • Il backend, che include Dialogflow e un server Node.js
  • Il frontend, che consiste in una pagina HTML Canvas
  • L'installazione interattiva, che include un touchscreen e un AIY Voice Kit integrato in un telefono vintage

Passaggio 4: Passaggio 1: Chatbot

Passaggio 1: chatbot
Passaggio 1: chatbot

Flusso di dialogo

Per creare l'agente conversazionale in Dialogflow, ho provato e testato diversi approcci per ottenere le risposte più accurate e affidabili possibili. Ho anche deciso di automatizzare il più possibile la creazione di dialoghi. Ho scoperto che in questo caso il modo più semplice e affidabile per aggiungere conoscenza a un chatbot Dialogflow era aggiungere un file CSV con coppie di domande e risposte. Per Historic Voicebot, ho creato manualmente 20 coppie di domande e risposte e le ho aggiunte a Dialogflow. Come puoi vedere, le risposte di Ada Lovelace sono corrette, tempestive e affidabili. Puoi trovare maggiori informazioni su Dialogflow proprio qui.

Nodo.js

Server Come menzionato nell'architettura, il server Node.js è il cervello dell'operazione, fornendo la connessione tra Dialogflow ei diversi dispositivi. Per le prime versioni, il server era in esecuzione localmente sul mio laptop. Per la versione corrente, il server è distribuito su un server EC2 Amazon Web Services che esegue Ubuntu. Ci sono alcuni fantastici tutorial su Node.js e l'esecuzione su AWS.

Passaggio 5: Passaggio 2: Touchscreen

Passaggio 2: touchscreen
Passaggio 2: touchscreen
Passaggio 2: touchscreen
Passaggio 2: touchscreen
Passaggio 2: touchscreen
Passaggio 2: touchscreen

GraficaLe animazioni per Historic Voicebot sono state create ritagliando vari elementi, come le braccia, le sopracciglia e il mento, da un dipinto di Ada Lovelace utilizzando Adobe Photoshop. Ciascuno di questi elementi è stato posizionato individualmente nell'HTML Canvasfrontend. La libreria TweenJSJavaScript è stata utilizzata per spostare e animare questi ritagli in base all'input degli utenti e alle risposte di Dialogflow.

CornicePer completare il quadro, una vecchia cornice è stata tagliata alle dimensioni del touchscreen. Come sempre, misura due volte, taglia una volta.

Passaggio 6: Passaggio 3: Pausa

Passaggio 3: pausa
Passaggio 3: pausa

Non dimenticare di fare una pausa rilassante ogni tanto!

Passaggio 7: Passaggio 4: kit telefono e voce vintage

Passaggio 4: kit telefono e voce vintage
Passaggio 4: kit telefono e voce vintage
Passaggio 4: kit telefono e voce vintage
Passaggio 4: kit telefono e voce vintage
Passaggio 4: kit telefono e voce vintage
Passaggio 4: kit telefono e voce vintage

Per il telefono ho cercato di trovarne uno che fosse usato durante l'era di Ada Lovelace. Non solo i telefoni sono stati inventati molto tempo dopo la sua morte, ma i telefoni davvero vecchi sono difficili da trovare. Tuttavia, sono stato in grado di acquistare un vecchio telefono rotativo Ericsson prodotto negli anni '60.

Per creare il voicebot funzionante, ho mirato a posizionare il kit AIY all'interno del telefono, riutilizzando il maggior numero possibile di funzionalità originali.

Sono stato in grado di riutilizzare l'altoparlante e le due campane all'interno del telefono. Anche il disco rotante è stato mantenuto intatto, ma attualmente non è funzionante. Ho aggiornato il microfono che si trovava all'interno dell'impugnatura con uno moderno, per poter catturare con precisione l'ingresso audio. Ho sostituito il vecchio cavo telefonico con uno nuovo per poter cablare correttamente il nuovo microfono.

Passaggio 8: Passaggio 5: prova

Passaggio 5: prova!
Passaggio 5: prova!
Passaggio 5: prova!
Passaggio 5: prova!

Funziona davvero? Solo un modo per scoprirlo, proviamolo!

Questo è tutto per il progetto Historic Voicebot, ci sentiamo più tardi!

Consigliato: