Der historische Voicebot - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:18

Unten ein kurzer Überblick über den Inhalt.

• Einführungs- und Präsentationsvideo
• Konzept
• Die Architektur
• Schritt 1: Chatbot
• Schritt 2: Touchscreen
• Schritt 3: Pause
• Schritt 4: Vintage Phone & Voice Kit
• Schritt 5: Testen!

Lieferungen

Rahmen

Touchscreen

Vintage-Telefon

Google AIY-Stimme

Node.js

Amazon Web Services AWS EC2

Google Dialogflow

Heißklebepistole (generisch)

Handsäge

Lötkolben (generisch)

Schritt 1: Einführung und Showcase-Video

Chatten Sie mit Ihrem Lieblingsmenschen aus der Vergangenheit mit dem Historic Voicebot! Mit dieser interaktiven Installation können Sie per Chat und Stimme mit einer historischen Persönlichkeit sprechen. Hergestellt mit Dialogflow, Node.js, HTML Canvas, einem AIY Voice Kit, einem Raspberry Pi und einem Vintage-Telefon.

Schritt 2: Konzept

Das Konzept besteht aus zwei Teilen: Ein Touchscreen mit Animationen einer historischen Figur. Der Touchscreen zeigt auch den Dialog an und verfügt über Schaltflächen, mit denen Benutzer Fragen stellen können.

Schritt 3: Architektur

Die drei Hauptteile sind:

• Das Backend, das Dialogflow und einen Node.js-Server enthält
• Das Frontend, das aus einer HTML-Canvas-Seite besteht
• Die interaktive Installation, die einen Touchscreen und ein AIY Voice Kit umfasst, das in ein Vintage-Telefon integriert ist

Schritt 4: Schritt 1: Chatbot

Dialogflow

Um den Konversationsagenten in Dialogflow zu erstellen, habe ich verschiedene Ansätze ausprobiert und getestet, um möglichst genaue und zuverlässige Antworten zu erhalten. Ich habe mir auch vorgenommen, die Dialogerstellung so weit wie möglich zu automatisieren. In diesem Fall stellte ich fest, dass in diesem Fall die einfachste und zuverlässigste Methode zum Hinzufügen von Wissen zu einem Dialogflow-Chatbot darin bestand, eine CSV-Datei mit Frage-Antwort-Paaren hinzuzufügen. Für den Historic Voicebot habe ich 20 Frage-Antwort-Paare manuell erstellt und diese zu Dialogflow hinzugefügt. Wie Sie sehen können, sind die Antworten von Ada Lovelace korrekt, zeitnah und zuverlässig. Weitere Informationen zu Dialogflow finden Sie hier.

Node.js

Server Wie in der Architektur erwähnt, ist der Node.js-Server das Gehirn der Operation und stellt die Verbindung zwischen Dialogflow und den verschiedenen Geräten her. Bei den ersten Versionen lief der Server lokal auf meinem Laptop. Für die aktuelle Version wird der Server auf einem EC2 Amazon Web Services-Server bereitgestellt, auf dem Ubuntu ausgeführt wird. Es gibt einige großartige Tutorials zu Node.js und deren Ausführung auf AWS.

Schritt 5: Schritt 2: Touchscreen

GrafikDie Animationen für den Historic Voicebot wurden erstellt, indem verschiedene Elemente wie Arme, Augenbrauen und Kinn mit Adobe Photoshop aus einem Gemälde von Ada Lovelace ausgeschnitten wurden. Jedes dieser Elemente wurde einzeln auf dem HTML-Canvasfrontend platziert. Die TweenJSJavaScript-Bibliothek wurde verwendet, um diese Ausschnitte basierend auf den Eingaben von Benutzern und den Antworten von Dialogflow zu verschieben und zu animieren.

RahmenUm das Bild zu vervollständigen, wurde ein alter Rahmen auf die Größe des Touchscreens zugeschnitten. Wie immer zweimal messen, einmal schneiden.

Schritt 6: Schritt 3: Pause

Vergessen Sie nicht, ab und zu eine entspannende Pause einzulegen!

Schritt 7: Schritt 4: Vintage Phone & Voice Kit

Für das Telefon habe ich versucht, eines zu finden, das während der Ada Lovelace-Ära verwendet wurde. Telefone wurden nicht nur lange nach ihrem Tod erfunden, wirklich alte Telefone sind schwer zu bekommen. Trotzdem konnte ich ein altes Ericsson-Telefon mit Wählscheibe aus den 1960er Jahren kaufen.

Um den funktionierenden Voicebot zu erstellen, wollte ich das AIY-Kit im Telefon platzieren und dabei so viele der ursprünglichen Funktionen wie möglich wiederverwenden.

Ich konnte den Lautsprecher und die beiden Klingeln im Telefon wiederverwenden. Die Drehscheibe wurde ebenfalls intakt gehalten, ist aber derzeit nicht funktionsfähig. Ich habe das Mikrofon, das sich im Griff befand, auf ein modernes aktualisiert, um den Audioeingang genau erfassen zu können. Ich habe das alte Telefonkabel durch ein neues ersetzt, um das neue Mikrofon richtig verdrahten zu können.

Schritt 8: Schritt 5: Testen

Funktioniert es tatsächlich? Nur ein Weg, um es herauszufinden, lass es uns testen!

Das war's für das Historic Voicebot-Projekt, sprechen Sie später mit Ihnen!