Touch Reactive Juke Box

by donniehill602 in Circuits > Arduino

33 Views, 0 Favorites, 0 Comments

Touch Reactive Juke Box

Screenshot 2025-05-15 at 5.36.16 PM (1).png

In this fun beginner-friendly Arduino project, you’ll build a Touch Sensor Jukebox that plays a classic Christmas tune ("Silent Night") whenever someone touches the sensor. The project uses a touch sensor to trigger the music and RGB LEDs to add colorful visual feedback. When the sensor is touched, the buzzer plays the melody, and the LEDs light up in sync, turning your breadboard into a mini musical light show!

This project is a great introduction to:

  1. Touch sensors and how they interact with digital input
  2. Using a piezo buzzer to play melodies
  3. Controlling RGB LEDs with Arduino
  4. Combining input (sensor) and output (sound + light) in a creative way


Supplies

Arduino Uno 1x

Wires 17x

Touch Sensor 1x

Bread Board 1x

Resistors 6x

Piezo Buzzer 1x

RGB Led Lights 2x

Understand the Circuit Layout

Before wiring, here's where each component connects:

Touch Sensor

  1. VCC → Arduino 5V
  2. GND → Arduino GND
  3. SIG → Arduino Pin 4

Piezo Buzzer

  1. + (longer leg) → Arduino Pin 12
  2. – (shorter leg) → Arduino GND

RGB LEDs

Each LED has 4 pins: Red, Green, Blue, and Common Cathode (GND).

LED 1:

  1. Red → Pin 9
  2. Green → Pin 10
  3. Blue → Pin 11

LED 2:

  1. Red → Pin 6
  2. Green → Pin 5
  3. Blue → Pin 3

Common Cathodes → GND via 220Ω resistor

Build the Circuit

IMG_1743.jpg
IMG_1742.jpg
Screenshot 2025-05-15 at 5.36.16 PM.png
  1. Insert the touch sensor onto the breadboard.
  2. Connect VCC to 5V, GND to GND, and SIG to Pin 4 on the Arduino.
  3. Insert the piezo buzzer.
  4. Connect the longer leg to Pin 12.
  5. Connect the shorter leg to GND.
  6. Insert RGB LEDs.
  7. Place two RGB LEDs on the breadboard.
  8. Connect Red, Green, and Blue pins as listed in Step 1.
  9. Connect the longest pin (common cathode) of both LEDs to GND through 220Ω resistors.
  10. Double-check all connections.
  11. Make sure wires are secure.
  12. No pins should be accidentally shorted.


Add the Code

  1. Open the Arduino IDE.
  2. Copy and paste the code below into a new sketch.
  3. Connect your Arduino to your computer with a USB cable.
  4. Select the correct board and port from the Tools menu.
  5. Click Upload.


const byte redLed = 9;
const byte greenLed = 10;
const byte blueLed = 11;

const byte redLed2 = 6;
const byte greenLed2 = 5;
const byte blueLed2 = 3;
#define BUTTON_PIN 4

#define NOTE_B0 31
#define NOTE_C1 33
#define NOTE_CS1 35
#define NOTE_D1 37
#define NOTE_DS1 39
#define NOTE_E1 41
#define NOTE_F1 44
#define NOTE_FS1 46
#define NOTE_G1 49
#define NOTE_GS1 52
#define NOTE_A1 55
#define NOTE_AS1 58
#define NOTE_B1 62
#define NOTE_C2 65
#define NOTE_CS2 69
#define NOTE_D2 73
#define NOTE_DS2 78
#define NOTE_E2 82
#define NOTE_F2 87
#define NOTE_FS2 93
#define NOTE_G2 98
#define NOTE_GS2 104
#define NOTE_A2 110
#define NOTE_AS2 117
#define NOTE_B2 123
#define NOTE_C3 131
#define NOTE_CS3 139
#define NOTE_D3 147
#define NOTE_DS3 156
#define NOTE_E3 165
#define NOTE_F3 175
#define NOTE_FS3 185
#define NOTE_G3 196
#define NOTE_GS3 208
#define NOTE_A3 220
#define NOTE_AS3 233
#define NOTE_B3 247
#define NOTE_C4 262
#define NOTE_CS4 277
#define NOTE_D4 294
#define NOTE_DS4 311
#define NOTE_E4 330
#define NOTE_F4 349
#define NOTE_FS4 370
#define NOTE_G4 392
#define NOTE_GS4 415
#define NOTE_A4 440
#define NOTE_AS4 466
#define NOTE_B4 494
#define NOTE_C5 523
#define NOTE_CS5 554
#define NOTE_D5 587
#define NOTE_DS5 622
#define NOTE_E5 659
#define NOTE_F5 698
#define NOTE_FS5 740
#define NOTE_G5 784
#define NOTE_GS5 831
#define NOTE_A5 880
#define NOTE_AS5 932
#define NOTE_B5 988
#define NOTE_C6 1047
#define NOTE_CS6 1109
#define NOTE_D6 1175
#define NOTE_DS6 1245
#define NOTE_E6 1319
#define NOTE_F6 1397
#define NOTE_FS6 1480
#define NOTE_G6 1568
#define NOTE_GS6 1661
#define NOTE_A6 1760
#define NOTE_AS6 1865
#define NOTE_B6 1976
#define NOTE_C7 2093
#define NOTE_CS7 2217
#define NOTE_D7 2349
#define NOTE_DS7 2489
#define NOTE_E7 2637
#define NOTE_F7 2794
#define NOTE_FS7 2960
#define NOTE_G7 3136
#define NOTE_GS7 3322
#define NOTE_A7 3520
#define NOTE_AS7 3729
#define NOTE_B7 3951
#define NOTE_C8 4186
#define NOTE_CS8 4435
#define NOTE_D8 4699
#define NOTE_DS8 4978
#define REST 0

// change this to make the song slower or faster
int tempo = 140;

// change this to whichever pin you want to use
int buzzer = 12;

// notes of the moledy followed by the duration.
// a 4 means a quarter note, 8 an eighteenth , 16 sixteenth, so on
// !!negative numbers are used to represent dotted notes,
// so -4 means a dotted quarter note, that is, a quarter plus an eighteenth!!
int melody[] = {

NOTE_G4,-4, NOTE_A4,8, NOTE_G4,4,
NOTE_E4,-2,
NOTE_G4,-4, NOTE_A4,8, NOTE_G4,4,
NOTE_E4,-2,
NOTE_D5,2, NOTE_D5,4,
NOTE_B4,-2,
NOTE_C5,2, NOTE_C5,4,
NOTE_G4,-2,

NOTE_A4,2, NOTE_A4,4,
NOTE_C5,-4, NOTE_B4,8, NOTE_A4,4,
NOTE_G4,-4, NOTE_A4,8, NOTE_G4,4,
NOTE_E4,-2,
NOTE_A4,2, NOTE_A4,4,
NOTE_C5,-4, NOTE_B4,8, NOTE_A4,4,
NOTE_G4,-4, NOTE_A4,8, NOTE_G4,4,
NOTE_E4,-2,
NOTE_D5,2, NOTE_D5,4,
NOTE_F5,-4, NOTE_D5,8, NOTE_B4,4,
NOTE_C5,-2,
NOTE_E5,-2,
NOTE_C5,4, NOTE_G4,4, NOTE_E4,4,
NOTE_G4,-4, NOTE_F4,8, NOTE_D4,4,
NOTE_C4,-2,
NOTE_C4,-1,

};

// sizeof gives the number of bytes, each int value is composed of two bytes (16 bits)
// there are two values per note (pitch and duration), so for each note there are four bytes
int notes = sizeof(melody) / sizeof(melody[0]) / 2;

// this calculates the duration of a whole note in ms
int wholenote = (60000 * 4) / tempo;

int divider = 0, noteDuration = 0;


struct touch {
byte wasPressed = LOW;
byte isPressed = LOW;
};

touch touch;

void setup() {
// put your setup code here, to run once:
pinMode(redLed, OUTPUT);
pinMode(greenLed, OUTPUT);
pinMode(blueLed, OUTPUT);
pinMode(BUTTON_PIN, INPUT);
randomSeed(analogRead(0)); // Use analog pin for random seed
Serial.begin(9600);
}

void loop() {
touch.isPressed = isTouchPressed(BUTTON_PIN);
if (touch.isPressed) {
int randomColor1 = random(0, 256);
int randomColor2 = random(0, 256);
int randomColor3 = random(0, 256);

playSong();

} else {
displayColor(0, 0, 0); // Turn off the LEDs when button is not pressed
}

touch.wasPressed = touch.isPressed;
}

bool isTouchPressed(int pin) {
// Read the state of the touch button
return digitalRead(pin) == HIGH; // Return true if the button is pressed
}

void displayColor(byte red_intensity, byte green_intensity, byte blue_intensity) {
analogWrite(redLed, red_intensity); // Set red LED intensity using PWM
analogWrite(greenLed, green_intensity); // Set green LED intensity using PWM
analogWrite(blueLed, blue_intensity); // Set blue LED intensity using PWM

analogWrite(redLed2, red_intensity); // Set red LED intensity using PWM
analogWrite(greenLed2, green_intensity); // Set green LED intensity using PWM
analogWrite(blueLed2, blue_intensity); // Set blue LED intensity using PWM
}
void playSong() {
for (int thisNote = 0; thisNote < notes * 2; thisNote = thisNote + 2) {
// Generate new random RGB values for each note
int randomColor1 = random(0, 256);
int randomColor2 = random(0, 256);
int randomColor3 = random(0, 256);

// Set LED color
displayColor(randomColor1, randomColor2, randomColor3);

// Calculate note duration
divider = melody[thisNote + 1];
if (divider > 0) {
noteDuration = (wholenote) / divider;
} else if (divider < 0) {
noteDuration = (wholenote) / abs(divider);
noteDuration *= 1.5;
}

// Play the tone for 90% of the duration
tone(buzzer, melody[thisNote], noteDuration * 0.9);

delay(noteDuration); // Wait for the note to finish

noTone(buzzer); // Stop sound between notes
}

// Turn off LEDs after song ends
displayColor(0, 0, 0);
}


Downloads

TouchSensorJukeBox.ino

Test It Out!

  1. Gently touch the sensor with your finger.
  2. The RGB LEDs will flash random colors.
  3. The piezo buzzer will play Silent Night.
  4. When you remove your finger, everything stops.