ESP8266 - Clavier - Bip

Ce tutoriel vous explique comment utiliser l'ESP8266 pour produire un bip sonore lorsqu'une touche du clavier est pressée. Plus précisément, l'ESP8266 contrôle le buzzer piézo et émet un bref son à chaque pression de touche.

Préparation du matériel

1	×	ESP8266 NodeMCU
1	×	Câble USB Type-A vers Type-C (pour PC USB-A)
1	×	Câble USB Type-C vers Type-C (pour PC USB-C)
1	×	Clavier
1	×	Buzzer piézo actif 3-24V
1	×	Module buzzer piézo actif
1	×	Module buzzer piézo passif
1	×	Plaque d'essai
1	×	Fils de connexion
1	×	Optionnel: 5V Power Adapter for ESP8266
1	×	Recommandé: Carte d'extension à bornier à vis pour ESP8266
1	×	Recommandé: Répartiteur d'alimentation pour ESP8266 Type-C

Ou vous pouvez acheter les kits suivants:

1	×	Kit de Capteurs DIYables (30 capteurs/écrans)
1	×	Kit de Capteurs DIYables (18 capteurs/écrans)

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 et du buzzer piézoélectrique

Si vous n'êtes pas familiarisé avec le clavier et le buzzer piézoélectrique (y compris les brochages, les opérations et la programmation), les tutoriels suivants peuvent vous être utiles :

La bibliothèque ezBuzzer a été créée pour permettre aux buzzers de bipper ou de jouer des mélodies sans interférer avec d'autres codes.

Diagramme de câblage

Schéma de câblage du buzzer piézo à clavier ESP8266 NodeMCU

Cette image a été créée avec Fritzing. Cliquez pour agrandir l'image.

Pour plus d'informations, consultez Brochage ESP8266. et Comment alimenter l'ESP8266..

Code ESP8266

/* * Ce code ESP8266 NodeMCU a été développé par newbiely.fr * Ce code ESP8266 NodeMCU 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/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 } }

Étapes rapides

Pour commencer avec l'ESP8266 sur Arduino IDE, suivez ces étapes :

Consultez le tutoriel Installation du logiciel ESP8266. si c'est la première fois que vous utilisez ESP8266.
Câblez les composants comme indiqué dans le schéma.
Connectez la carte ESP8266 à votre ordinateur à l'aide d'un câble USB.
Ouvrez Arduino IDE sur votre ordinateur.
Choisissez la bonne carte ESP8266, telle que (par exemple NodeMCU 1.0 (Module ESP-12E)), et son port COM respectif.
Connectez l'ESP8266 à un ordinateur à l'aide d'un câble USB.
Ouvrez l'Arduino IDE et sélectionnez la bonne carte et le bon port.
Cliquez sur l'icône Libraries dans la barre latérale gauche de l'Arduino IDE.
Recherchez “keypad” et trouvez la bibliothèque keypad créée par Mark Stanley et Alexander Brevig.
Ensuite, appuyez sur le bouton Install pour compléter l'installation de la bibliothèque keypad.

Recherchez “ezBuzzer”, puis trouvez la bibliothèque buzzer par ArduinoGetStarted.
Appuyez sur le bouton Install pour installer la bibliothèque ezBuzzer.

Copiez le code et ouvrez-le dans l'IDE Arduino.
Cliquez sur le bouton Upload dans l'IDE Arduino pour compiler et téléverser le code vers l'ESP8266.

Appuyez sur certaines touches du clavier.
Écoutez un bip puis vérifiez le moniteur série pour voir le résultat.

Explication du code

Découvrez l'explication ligne par ligne contenue dans les commentaires du code source !

Vidéo

Tutoriels connexes

※ NOS MESSAGES

N'hésitez pas à partager le lien de ce tutoriel. Cependant, veuillez ne pas utiliser notre contenu sur d'autres sites web. Nous avons investi beaucoup d'efforts et de temps pour créer ce contenu, veuillez respecter notre travail !