ESP32 - Clavier - Bip

Ce tutoriel vous explique comment générer un bip à chaque fois qu'une touche du clavier est pressée en utilisant l'ESP32, un clavier et un buzzer piézo.

Préparation du matériel

1	×	ESP-WROOM-32 Dev Module
1	×	USB Cable Type-C
1	×	Keypad 3x4 and 4x4 Kit
1	×	(Alternative) Keypad 3x4
1	×	(Alternative) Keypad 4x4
1	×	Piezo Buzzer
1	×	Breadboard
1	×	Jumper Wires
1	×	(Optional) DC Power Jack
1	×	(Recommended) ESP32 Screw Terminal Adapter

Or you can buy the following sensor kits:

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

Divulgation : Certains des liens fournis dans cette section sont des liens affiliés Amazon. Nous pouvons recevoir une commission pour tout achat effectué via ces liens, sans coût supplémentaire pour vous. Nous vous remercions de votre soutien.

À propos du clavier numérique et du buzzer piézo

Nous disposons de tutoriels spécifiques sur le clavier numérique et le buzzer piézoélectrique. Chaque tutoriel contient des informations détaillées et des instructions étape par étape sur le brochage du matériel, le principe de fonctionnement, la connexion des fils à l'ESP32, le code ESP32... Pour en savoir plus, consultez les liens suivants :

Veuillez noter que ce tutoriel utilise un buzzer de 3-5V, mais vous pouvez l'adapter pour un buzzer de 12V. Vous pouvez en apprendre davantage sur le tutoriel ESP32 - Buzzer

Diagramme de câblage

Schéma de câblage du buzzer piézo avec clavier ESP32

This image is created using Fritzing. Click to enlarge image

Si vous ne savez pas comment alimenter l'ESP32 et d'autres composants, vous pouvez trouver des conseils dans le tutoriel suivant : Comment alimenter l'ESP32.

Code ESP32

/* * Ce code ESP32 a été développé par newbiely.fr * Ce code ESP32 est mis à disposition du public sans aucune restriction. * Pour des instructions complètes et des schémas de câblage, veuillez visiter: * https://newbiely.fr/tutorials/esp32/esp32-keypad-beep */ #include <Keypad.h> #include <ezBuzzer.h> #define BUZZER_PIN 19 // ESP32 pin GPIO19 connected to the buzzer #define ROW_NUM 4 // keypad four rows #define COLUMN_NUM 3 // keypad three columns char keys[ROW_NUM][COLUMN_NUM] = { {'1', '2', '3'}, {'4', '5', '6'}, {'7', '8', '9'}, {'*', '0', '#'} }; byte pin_rows[ROW_NUM] = {12, 14, 27, 26}; // ESP32 pin: GPIO12, GPIO14, GPIO27, GPIO26 connected to the row pins byte pin_column[COLUMN_NUM] = {25, 33, 32}; // ESP32 pin: GPIO25, GPIO33, GPIO32 connected to the column pins Keypad keypad = Keypad(makeKeymap(keys), 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 } }

Étapes rapides

Si c'est la première fois que vous utilisez ESP32, consultez comment configurer l'environnement pour ESP32 sur Arduino IDE.
Faites le câblage comme sur l'image ci-dessus.
Connectez la carte ESP32 à votre PC via un câble micro USB.
Ouvrez Arduino IDE sur votre PC.
Sélectionnez la bonne carte ESP32 (par exemple, ESP32 Dev Module) et le port COM.
Cliquez sur l'icône Libraries dans la barre gauche de l'Arduino IDE.
Tapez "keypad" dans la boîte de recherche, puis recherchez la bibliothèque keypad par Mark Stanley, Alexander Brevig.
Cliquez sur le bouton Install pour installer la bibliothèque keypad.

Tapez « ezBuzzer » dans la zone de recherche, puis recherchez la bibliothèque de buzzer par ArduinoGetStarted
Cliquez sur le bouton Install pour installer la bibliothèque ezBuzzer.

Copiez le code ci-dessus et collez-le dans l'IDE Arduino.
Compilez et téléversez le code sur la carte ESP32 en cliquant sur le bouton Upload de l'IDE Arduino.

Appuyez sur plusieurs touches du clavier
Écoutez le bip et regardez le résultat sur le moniteur série

Explication du code ligne par ligne

Le code ESP32 ci-dessus contient des explications ligne par ligne. Veuillez lire les commentaires dans le code !

Vidéo

Tutoriels connexes

※ OUR MESSAGES

Please feel free to share the link of this tutorial. However, Please do not use our content on any other websites. We invested a lot of effort and time to create the content, please respect our work!