El robot de voz histórico: 8 pasos (con imágenes)

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:42

A continuación, una descripción general rápida del contenido.

• Introducción y video de presentación
• Concepto
• Arquitectura
• Paso 1: Chatbot
• Paso 2: pantalla táctil
• Paso 3: romper
• Paso 4: teléfono antiguo y kit de voz
• Paso 5: ¡Prueba!

Suministros

Cuadro

Pantalla táctil

Teléfono antiguo

Google AIY Voice

Node.js

Servicios web de Amazon AWS EC2

Google Dialogflow

Pistola de pegamento caliente (genérica)

Sierra de mano

Soldador (genérico)

Paso 1: Presentación y video de presentación

¡Charle con su persona favorita del pasado con el robot de voz histórico! Con esta instalación interactiva, puede hablar con una figura histórica a través del chat y la voz. Hecho con Dialogflow, Node.js, HTML Canvas, un AIY Voice Kit, una Raspberry Pi y un teléfono antiguo.

Paso 2: Concepto

El concepto consta de dos partes: Una pantalla táctil con animaciones de una figura histórica. La pantalla táctil también muestra el diálogo y tiene botones para que las personas puedan hacer preguntas frecuentes. Un teléfono físico que captura el habla y da salida de audio, por lo que se puede usar para hacer preguntas y escuchar la respuesta.

Paso 3: Arquitectura

Las tres partes principales son:

• El backend, que incluye Dialogflow y un servidor Node.js
• La interfaz, que consiste en una página HTML Canvas
• La instalación interactiva, que incluye una pantalla táctil y un kit de voz AIY integrado en un teléfono antiguo

Paso 4: Paso 1: Chatbot

Dialogflow

Para crear el agente conversacional en Dialogflow, probé y probé varios enfoques diferentes para obtener las respuestas más precisas y confiables posibles. También me propuse automatizar la mayor parte de la creación de diálogos y descubrí que, en este caso, la forma más fácil y confiable de agregar conocimiento a un chatbot de Dialogflow era agregando un archivo CSV con pares de preguntas y respuestas. Para el robot de voz histórico, creé manualmente 20 pares de preguntas y respuestas y los agregué a Dialogflow. Como puede ver, las respuestas de Ada Lovelace son correctas, oportunas y confiables. Puedes encontrar más información sobre Dialogflow aquí.

Node.js

Servidor Como se menciona en la arquitectura, el servidor Node.js es el cerebro de la operación, proporcionando la conexión entre Dialogflow y los diferentes dispositivos. Para las primeras versiones, el servidor se ejecutaba localmente en mi computadora portátil. Para la versión actual, el servidor se implementa en un servidor EC2 Amazon Web Services que ejecuta Ubuntu. Hay algunos excelentes tutoriales sobre Node.js y su ejecución en AWS.

Paso 5: Paso 2: Pantalla táctil

Gráficos Las animaciones para el robot de voz histórico se crearon cortando varios elementos, como los brazos, las cejas y el mentón, de una pintura de Ada Lovelace usando Adobe Photoshop. Cada uno de estos elementos se colocó individualmente en HTML Canvasfrontend. La biblioteca TweenJSJavaScript se utilizó para mover y animar estos recortes en función de la entrada de los usuarios y las respuestas de Dialogflow.

Marco Para completar la imagen, se cortó un marco antiguo al tamaño de la pantalla táctil. Como siempre, mida dos veces, corte una vez.

Paso 6: Paso 3: Descanso

¡No olvide tomar un descanso relajante de vez en cuando!

Paso 7: Paso 4: Teléfono antiguo y kit de voz

Para el teléfono, traté de encontrar uno que se usara durante la era de Ada Lovelace. Los teléfonos no solo se inventaron mucho después de su muerte, los teléfonos realmente viejos son difíciles de conseguir. Sin embargo, pude comprar un viejo teléfono rotativo Ericsson producido en la década de 1960.

Para crear el robot de voz en funcionamiento, intenté colocar el kit AIY dentro del teléfono mientras reutilizaba tantas funciones originales como fuera posible.

Pude reutilizar el altavoz y las dos campanas dentro del teléfono. El disco giratorio también se mantuvo intacto, pero actualmente no funciona. Actualicé el micrófono que estaba dentro del mango a uno moderno, para poder capturar con precisión la entrada de audio. Reemplacé el cable del teléfono viejo por uno nuevo para poder conectar correctamente el micrófono nuevo.

Paso 8: Paso 5: ¡Prueba

¿Funciona realmente? Solo hay una forma de averiguarlo, ¡probémoslo!

Eso es todo para el proyecto Historic Voicebot, ¡hablamos más tarde!