ESP32 Wireless Sound Reactive RGB LED PANEL WS2812b With Battery

by Crius Digital Studio in Circuits > LEDs

3257 Views, 24 Favorites, 0 Comments

ESP32 Wireless Sound Reactive RGB LED PANEL WS2812b With Battery

DIY ESP32 Wireless Sound Reactive RGB LED Panel with Battery for Video , Photography or Party
Thumbnail 3_1.192.3.png
Case 16_1.172.1.png

The Crius Wireless RGB LED Panel is designed to be portable and wireless so it's based on a DFRobot ESP32 IOT Development board (Firebeetle v4.0) that is equiped both with bluetooth and Wifi and also with an onboard battery charge circuit that lets me hook up a 2500 mAh lithium rechargable battery to it.

I designed the case with Autodesk FUSION360 and 3D printed it with my Ender 3 Pro using PLA filament.

  • It is fully supported by the WLED APP (Led Strip Controller App for Android and iOS) so we can control the RGB LED Panel remotely over Wifi.
  • It can also be controlled over Bluetooth with an Android App that I have created (iPhone NOT Supported YET).

Beside the Wireless control options

  • we can use the knobs and buttons of the back panel and read the values (Brightness , Color Name , Effect Speed , Effect Name) on the 0.96" oled display.
  • At the back panel there is a socket where we can screw different mount adapters.
  • It has 2 indication leds for the Bluetooth connection status (On-Off).
  • Bonus Feature is a sound sensor that makes it sound reactive to act as a Party Light for example.

The overall size of the device is pretty big because of the many jumper wires I have to solder and fit inside the case so I was thinking to design a custom PCB board to make it cleaner and more compact.

A good choice for PCB manufacturing is PCBWay that offers excellent quality boards of different colors for low price.

Visit PCBWay.com to learn more.

Supplies

Components_1.29.1.png
  1. ESP32 IOT Development Board (Firebeetle v4.0) x1
  2. WS2812b LED Strip (60leds/m version) 1m
  3. Lithium Battery 3.7V 2500 mAh x1
  4. SSD1306 OLED Display x1
  5. MAX9814 Microphone Module
  6. Cherry MX type Mechanical Switches RED x2
  7. Keycaps x2
  8. Rotary Potentiometers 10k Linear x3
  9. Knobs x3
  10. On-Off Switch (3 Pins) x1
  11. Leds 3mm x2
  12. Micro USB Expnader Cable x1
  13. M3 Screws
  14. M2.5 Screws
  15. M2 Screws
  16. Resistors 220Ω x 2
  17. Resistors 330Ω x 2
  18. Female Jumper Wires
  19. 3D Printed Case

TOOLS

  1. Soldering Iron
  2. Solder Wire
  3. Wire Stripper
  4. Cutter
  5. Tweezers
  6. Screwdriver

LED Panel Soldering

Crius Wireless RGB LED Panel_FRITZING.png
Panel 1_1.63.1.png
panel 2_1.65.1.png
Case 1_1.74.1.png
Case 2_1.80.1.png

Prepare the LED Panel by cutting the LED Strip in to pieces of 8 Leds.We need 6 pieces in total.

We need to be careful and place the led strip pieces that way so the arrows pointing in different direction in each line.

This way they will be connected in series.

The basic idea is to solder all the ground pins together and do the same for the 5V pins.

Then we need to solder the Data Pins at each end of every led strip piece with the Data Pins at the start of the next led strip piece (according to the arrows on them).

We connect the ground pins with the ESP32 GND pin

the 5V pins with the ESP32 5V pin

and the Data pin with the ESP32 12 pin,

Assemble Back Panel

Case 3_1.83.1.png
Case 4_1.86.1.png
Case 5_1.89.1.png
Case 6_1.90.1.png
Case 7_1.92.1.png
Case 8_1.98.1.png
Case 9_1.99.1.png

Now we can place and screw all the components on the back panel in order to solder them.

Mechanical Switches Soldering

solder button 1_1.110.1.png
solde button 2_1.114.1.png

Solder one 330Ω Resistor at each Data pin of the Mechanical Switches and then solder all the ground pins together.Solder all the 3.3V pins of the backpanel together.

3mm Leds Soldering

led 1_1.124.1.png
only buttons and leds FRITZING.png

Solder one 220Ω Resistor at each GND pin of the 3mm LEDs and then solder all the ground pins of the backpanel together.

Solder Back Panel Components

Case 10_1.171.1.png
led 2_1.129.1.png
Crius Wireless RGB LED Panel_FRITZING.png

Finish the soldering according to the Fritzing design.

Case

Case 11_1.171.2.png
Case 17_1.171.3.png
Case 12_1.171.3.png
Case 18_1.173.3.png
Case 13_1.173.1.png
Case 14_1.173.2.png
Case 15_1.173.3.png

Assemble the 3D printed case and put everything together.

Choose Firmware

Case 19_1.184.1.png
Thumbnail  2_1.192.2.png

You can choose to install either

  1. WLED firmware with the Wifi Connection that it is compatible with Android and iPhone

BUT

  • NO Back panel Controls
  • NO sound sensor (YET).

OR

2.Crius Firmware with the Bluetooth Connection through the Crius App Compatible ONLY WITH ANDROID

with sound sensor working and backpanel control

BUT

  • NO Wifi Connection
  • BETA Android App User Interface

Install WLED

wled 1_1.175.1.png
wled 2_1.184.1.png

To install the WLED

  1. visit the WLED website
  2. select the firmware version (ex 0.13.3)
  3. select the port where you have connected the ESP32
  4. Click Install
  5. Download the WLED App on your smartphone
  6. Open the WLED App
  7. Enable Wifi
  8. Select the WLED Network (if it asks for password enter : wled1234)

Now it should automatically open a configuration menu.

Here you must go to LEDs settings and

  1. Select the LED type (ex WS2xxx)
  2. Select the number of the LEDs
  3. Select the Red Green Blue order of your LEDs (ex GRB)
  4. The Data pin of the LEDs on the ESP32 (ex 12)

Now you should be ready to go!


***There is a Sound Settings menu also if you have a sound sensor connected to the ESP32 but unfortunately I couldn't make it work.Maybe it has something to do with the MAX9814 mic module that I used for my project.***


Install the CRIUS Firmware

ardu.png
github.png

To install the Crius Wireless Sound Reactive RGB LED Panlel code to the Esp32

  • Download the Arduino IDE
  • Install the ESP32 to the Boards Manager of the Arduino IDE by adding this URL to the Preferences menu of the File tab :
https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

where it says : Additional Boards Manager URLs.

If you have multiple URLs separate them with a comma.

Now go to TOOLS tab to the Boards Manager menu search for ESP32 and instal the ESP32 by Espressif Systems.

  • Install the WS2812FX library from Github
  • Select ESP32 Dev Module as Board from the TOOLS tab.
  • Select the Port
  • Hit Upload!

3D Printed Case Files

fusion 1.png
fusion 2.png
fusion 3.png

END

I hope you enjoyed the proccess and made one for your self!

You can find my projects and support me at the following social media and websites:

1.Crius Digital Studio Youtube Channel

2.Crius Digital Studio Thingiverse Profile

3.Crius Digital Studio Github Profile

4.www.criusdigitalstudio.com