Touch Sensor Digital module with Buzzer

Turn Your Touch into Sound with EzloPi!

Top Projects

LED ON/OFF

LED ON/OFF with Push Button

DHT22 Temperature-Humidity Sensor

PIR Sensor

Potentiometer

LDR digital module

AC Lamp setup with relay and momentary switch

Touch Sensor Digital module with Buzzer

The EzloPi smart devices provide automation through simple, customizable use with our open-source EzloPi platform, making daily life easier and improving human-machine interactions.

Before moving into this example, it is very important to know about the device registration, provisioning and converting the ESP32 device into an EzloPi device along with knowledge of Web Flasher, MiOS Mobile Application for Android/iOS and the MiOS Web Application.

1. About this example

The following example showcases how we can interface a touch sensor and buzzer with the EzloPi device and use it as a touch switch.

This setup allows you to use a touch sensor to trigger the buzzer, providing audible feedback in response to a touch event. We can expand upon this foundation to create more complex and interactive applications with our EzloPi device.

2. Project Demonstration Video

Welcome to the project demonstration video section. The following video showcases the key aspects of the Touch Sensor Digital module with Buzzer, providing a visual walkthrough of its implementation.

3. Circuit Diagram & Interface

The following components are required for interfacing with the EzloPi device:

ESP32 as an EzloPi smart device.
TTP223B Capacitive Touch Sensor module.
Buzzer.

The wiring diagram of ESP32 30 pin is represented as follows:

The following connections are made to complete the entire circuit setup.

From ESP32 (30 pins) to Touch Sensor Module:

Connect 3V3 from the ESP32 to the VCC of the module.
Connect the GND from the ESP32 to the GND pin on the module.
Connect the D4 pin from the ESP32 to the SIG Pin on the Touch Sensor module.

From ESP32 to the Buzzer:

Connect the D5 pin from the ESP32 to the positive terminal of the Buzzer.
Connect the GND to the negative terminal of the Buzzer.

The wiring diagram of ESP32 38 pin is also represented below:

The following connections are made in order to complete the circuit setup.

From ESP32 (38 pins) to the Touch Sensor Module:

Connect 3V3 from the ESP32 to the VCC of the module.
Connect GND from the ESP32 to the GND pin on the module.
Connect the GPIO4 pin from the ESP32 to the SIG Pin on the Touch Sensor module.

From ESP32 to the Buzzer:

Connect the GPIO5 pin from the ESP32 to the Buzzer positive terminal.
Connect the GND to the Buzzer negative terminal.

4. Interfacing the Touch Sensor Digital module using EzloPi Web Flasher

1. Set up your device/hardware by visiting ezlogic.mios.com

Now click on Connect Device and a pop-up window will appear

Now, select the COM Port to which your ESP32 device is connected. In our case, the COM3 port is used.

Click Connect.

If you are new to this and it’s your first time configuring, select Create new Device ID. Enter Wifi SSID and Wifi Password.
In the Device Configuration, tab click on Digital Output.

A Digital Output window will open for inputting the following parameters:

Set a device name of your choosing. In our case, we set it to Buzzer with a Touch sensor.
Set the Device subtype to LED.
Set OUT GPIO to 5.
Set the Resistor to PULL UP.
Set the default value to LOW.
Check the Button Enable box.
Set INP GPIO to 4.
Set the Resistor to PULL DOWN.
Set the default value to LOW.
Now click the Apply button.
After clicking the apply button, you can see a table of your settings in the device configuration tab.
Press the Flash Device button.

A window will appear on the bottom left side of the screen displaying “Please press the BOOT button while flashing begins.”

Hold the BOOT button down until the next window appears on the bottom right side of the screen which says “Installation prepared. Please release the boot button now.”

Release the BOOT button from your ESP32 when this pop-up on the bottom right window appears.

After some time, a popup will appear saying Device Flashed Successfully! This means that your device has been set up successfully.

5. MiOS App

You can download the MIOS Android app from the Google Play Store and Apple App Store.

After downloading the app, proceed to install the application and open it.

Using the MIOS mobile application, create a new Ezlo Cloud account using the sign-up option. If you already have an account, you may proceed to log in.

After successfully logging in, you will be able to see the number of controllers connected such as a lamp, fan, or any other device in the MiOS app. Tap on any controller of your desired ID:

You will be able to see the status of your controller whether it is online or offline. Access the device dashboard, and tap the device. The following view of the dashboard will appear:

After opening the dashboard, you will be able to see the tile of your connected device. The touch sensor module works as a touch switch, the state of the buzzer is controlled by touching the sensor module.
When a touch is detected by the sensor, the Buzzer will turn ‘ON’ and remain ‘ON’ until another touch input is not detected by the sensor.

Similarly, when another touch is detected by the sensor the Buzzer will turn ‘OFF’ and remain ‘OFF’ until another touch is not detected.

6. MiOS Web Application

After configuring the controller with the EzloPi web flasher, head to ezlogic.mios.com

Use the same credentials to log in that you used for configuring the controller with the web flasher.

After opening the web dashboard, you will be able to see the tile of your connected device. The state of the buzzer is controlled by touching the sensor module.
When a touch is detected by the sensor, the Buzzer will turn ‘ON’ as can be seen above on the web dashboard and will remain ‘ON’ until another touch input is not detected by the sensor.

Similarly, when another touch is detected by the sensor, the Buzzer will turn ‘OFF’ and remain ‘OFF’ until another touch is not detected as shown above.