ESP8266 - Teclado numérico - Pitido

Este tutorial le enseña cómo usar el ESP8266 para producir un pitido cuando se pulsa un teclado. Específicamente, el ESP8266 controla el zumbador piezoeléctrico y emite un breve sonido por cada pulsación de tecla.

Hardware Requerido

1	×	ESP8266 NodeMCU
1	×	Cable USB Tipo-A a Tipo-C (para PC USB-A)
1	×	Cable USB Tipo-C a Tipo-C (para PC USB-C)
1	×	Teclado
1	×	Buzzer Piezo Activo 3-24V
1	×	Módulo Buzzer Piezo Activo
1	×	Módulo Buzzer Piezo Pasivo
1	×	Protoboard
1	×	Cables Puente
1	×	(Recomendado) Placa de Expansión de Terminales de Tornillo para ESP8266
1	×	(Recomendado) Divisor de Alimentación para ESP8266 Tipo-C

Or you can buy the following kits:

1	×	DIYables Sensor Kit (30 sensors/displays)
1	×	DIYables Sensor Kit (18 sensors/displays)

Divulgación: Algunos de los enlaces proporcionados en esta sección son enlaces de afiliado de Amazon. Podemos recibir una comisión por las compras realizadas a través de estos enlaces sin costo adicional para usted. Apreciamos su apoyo.

Acerca del teclado numérico y del zumbador piezoeléctrico

Si no está familiarizado con el teclado numérico y el zumbador piezoeléctrico (incluyendo esquemas de pines, funcionamiento y programación), los siguientes tutoriales pueden ayudar:

La biblioteca ezBuzzer se ha creado para permitir que los zumbadores emitan pitidos o reproduzcan melodías sin interferir con otros códigos.

Diagrama de Cableado

This image is created using Fritzing. Click to enlarge image

Para obtener m\u00e1s informaci\u00f3n, consulte Pines del ESP8266 y c\u00f3mo alimentar ESP8266 y otros componentes.

Código ESP8266

/* * Este código de ESP8266 NodeMCU fue desarrollado por es.newbiely.com * Este código de ESP8266 NodeMCU se proporciona al público sin ninguna restricción. * Para tutoriales completos y diagramas de cableado, visite: * https://es.newbiely.com/tutorials/esp8266/esp8266-keypad-beep */ #include <Keypad.h> #include <ezBuzzer.h> #define BUZZER_PIN D0 // The ESP8266 pin connected to the buzzer's pin #define ROW_NUM 4 // 4 rows #define COLUMN_NUM 3 // 3 columns char key_layout[ROW_NUM][COLUMN_NUM] = { {'1','2','3'}, {'4','5','6'}, {'7','8','9'}, {'*','0','#'} }; byte pin_rows[ROW_NUM] = {D1, D2, D3, D4}; // The ESP8266 pins connect to the row pins byte pin_column[COLUMN_NUM] = {D5, D6, D7}; // The ESP8266 pins connect to the column pins Keypad keypad = Keypad(makeKeymap(key_layout), pin_rows, pin_column, ROW_NUM, COLUMN_NUM ); ezBuzzer buzzer(BUZZER_PIN); // create ezBuzzer object that attach to a pin; void setup() { Serial.begin(9600); } void loop() { buzzer.loop(); // MUST call the buzzer.loop() function in loop() char key = keypad.getKey(); if (key) { Serial.print(key); // prints key to serial monitor buzzer.beep(100); // generates a 100ms beep } }

Pasos R\u00e1pidos

Para empezar con ESP8266 en el IDE de Arduino, siga estos pasos:

Consulta el cómo configurar el entorno para ESP8266 en Arduino IDE tutorial si es la primera vez que usas ESP8266.
Conecta los componentes tal como se muestran en el diagrama.
Conecta la placa ESP8266 a tu computadora usando un cable USB.
Abre Arduino IDE en tu computadora.
Elige la placa ESP8266 correcta, como (p. ej. NodeMCU 1.0 (ESP-12E Module)), y su puerto COM respectivo.
Conecta la placa ESP8266 a una computadora usando un cable USB.
Abre el Arduino IDE y selecciona la placa y el puerto correctos.
Haz clic en el ícono de Bibliotecas en la barra izquierda del Arduino IDE.
Busca “keypad” y localiza la biblioteca keypad creada por Mark Stanley y Alexander Brevig.
Luego, presiona el botón Instalar para completar la instalación de la biblioteca keypad.

Biblioteca de teclado para ESP8266 NodeMCU

Busca “ezBuzzer”, luego localiza la librería del zumbador de ArduinoGetStarted.
Presiona el botón Instalar para instalar la librería ezBuzzer.

Biblioteca de zumbadores para ESP8266 NodeMCU

Copia el código y ábrelo en el IDE de Arduino.
Haz clic en el botón Subir en el IDE de Arduino para compilar y subir el código al ESP8266.

Pulsa ciertas teclas en el teclado numérico.
Escucha un pitido y luego revisa el Monitor Serial para ver el resultado.

Explicación del código

Consulta la explicación línea por línea que se encuentra en los comentarios del código fuente.

Video Tutorial

Estamos considerando crear tutoriales en video. Si considera que los tutoriales en video son importantes, suscríbase a nuestro canal de YouTube para motivarnos a crear los videos.

Tutoriales Relacionados

※ NUESTROS MENSAJES

No dude en compartir el enlace de este tutorial. Sin embargo, por favor no use nuestro contenido en otros sitios web. Hemos invertido mucho esfuerzo y tiempo en crear el contenido, ¡por favor respete nuestro trabajo!

DIVULGACIÓN

es.newbiely.com es participante del Programa de Asociados de Amazon Services LLC, un programa de publicidad de afiliados diseñado para proporcionar un medio para que los sitios web ganen tarifas publicitarias mediante publicidad y enlaces a Amazon.com, Amazon.it, Amazon.de, Amazon.co.uk, Amazon.ca, Amazon.de, Amazon.es, Amazon.nl, Amazon.pl y Amazon.se

Email: newbiely.com@gmail.com