How to Make DIY Music Reactive RGB LED Ring (WS2812B) Using Visuino

In this tutorial we are going to make music reactive lights using Arduino Nano ESP32 board with Neopixels LED ring & microphone module using Visuino.

Every time the sound is detected the LEDs will move and randomly change colors.

In case you do not have the microphone module I will also add a step at the bottom to make the project without it.

Watch the Video!

• Arduino Nano ESP32 (or any other board)
• Microphone module (Optional)
• Neopixels LED ring
• Breadboard
• Jumper wires
• Visuino program: Download Visuino

1. Connect LED Ring pin [VCC] to Arduino pin VBUS or 5V]
2. Connect LED Ring pin [GND] to Arduino pin [GND]
3. Connect LED Ring pin [IN] or (DI) to Arduino digital pin [6]
4. Connect Microphone module pin [VCC] to Arduino pin [VBUS or 5V]
5. Connect Microphone module pin [GND] to Arduino pin [GND]
6. Connect Microphone module pin [DO] to Arduino digital pin [2]

Slowly rotate the trimmer until the second LED is off, and turns ON only if you make a sound.

Start Visuino as shown in the first picture Click on the "Tools" button on the Arduino component (Picture 1) in Visuino When the dialog appears, select "Arduino Nano ESP32" as shown on Picture 2

1. Add "Clock Multi Source" component
2. Add "Random Color" component
3. Add "NeoPixels" component

• Double click on the "NeoPixels1" and in the "PixelGroups" window drag "Running Color" to the left
• On the left side of the "PixelGroups" window then select "RunningColor1" and in the properties window set "Count Pixels" to 12 or 16 (Depends on how many LED your LED ring is having)
• Close the "PixelGroups" window

1. Connect Arduino digital pin [2] to "ClockMultiSource1" pin [In]
2. Connect "ClockMultiSource1" pin [0] to "RandomColor1" component pin [Clock]
3. Connect "RandomColor1" pin [Out] to to "NeoPixels1" >RunningColor1 component pin [Color]
4. Connect "ClockMultiSource1" pin [1] to to "NeoPixels1" >RunningColor1 component pin [Step]
5. Connect "NeoPixels1" component pin [Out] to Arduino digital pin[6]

• In Visuino, at the bottom click on the "Build" Tab, make sure the correct port is selected, then click on the "Compile/Build and Upload" button.

After uploading the project to the Arduino Nano ESP32 the RGB LED ring will start to randomly change colors according to the detected sound by the microphone module.

Congratulations! You have completed your LED project with Visuino. Also attached is the Visuino project, that I created for this Tutorial. You can download and open it in Visuino: https://www.visuino.com

Add "Pulse Generator" component and connect pin [Out] to "ClockMultiSource1" pin [In]

Select "PulseGenerator1" and in the properties window change the "Frequency" value to adjust the speed

Place the microphone module near the speaker of a radio,phone or TV.