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×Micro USB Cable
1×Keypad
1×Piezo Buzzer
1×Breadboard
1×Jumper Wires
1×(Optional) 5V Power Adapter for ESP8266
1×(Optional) ESP8266 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 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

This image is created using Fritzing. Click to enlarge image

Voir plus dans l'agencement des broches de l'ESP8266 et comment alimenter l'ESP8266 et d'autres composants.

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 comment configurer l'environnement pour ESP8266 sur Arduino IDE 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.
Bibliothèque de clavier ESP8266 NodeMCU
  • Recherchez “ezBuzzer”, puis trouvez la bibliothèque buzzer par ArduinoGetStarted.
  • Appuyez sur le bouton Install pour installer la bibliothèque ezBuzzer.
Bibliothèque de buzzer ESP8266 NodeMCU
  • 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.
Chargement de code Arduino IDE
  • 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

※ 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!