Noe’s Juke Box | Main components and schematics

Main parts

Juke Box showed here is based on the following main components :

components photo

  • an Arduino Mega (here a clone from DF Robot) as the “brain”
  • an Adafruit Music Maker for music & midi player
  • a Sparkfun’s button par and associated PCB (need to get leds separately)
  • some simple illuminated push buttons from found at Adafruit
  • a rotary encoder. Strangely enough, the RGB one I found at Sparkfun is the only which has a threaded shaft with a bolt and then can be mounted on a chassis
  • and last but not least an accellerometer breakout board just for fun also from Sparkfun

Connecting the button pad

Connecting the Arduino to the button pad is not complex but there are quite a bit of wires between them… I already went through this here. But I changed the pins I used in the first place. Just that I thought it would simplify soldering later on by keeping related pins together as much as possible. Not sure it did simplify though…

final button pad connection

And PWM pins have been chosen precisely because you don’t want to use pins 4 and 13… More on this here.

And last, resistors for the leds are 150Ω, 100Ω and 100Ω for red, green and blue pins.

 Now, the Music Maker

The Adafruit’s Music Maker is based on the VS1053 chip which has 2 main functions : MP3/WAV/OGG… player and MIDI synth. It comes with a handy SD card connector from which it can read files to play. It comes in several flavors :

I chose the latter for two reasons : I liked the idea of having an onboard amp so it would simplifiy cabling and I thought I could stack it onto the Mega. But… as it is using by default PWM pins I desperately need for controlling the leds, I had to re-cable everything to new pins. In addition, I could not stack it anyway because I needed all the space on the Mega proto shield as you’ll see later on.

So, in the end, if I had to do it again, I would probably get the breakout board (smaller, much smaller) and the 3W amp separately.

Here are the connections

music maker connection

Schematic based on Adafruit’s Music Maker catalog product photo

Note the little voltage divider to feed GPIO 1 on the VS1052 : the VS is a 3.3V device so feeding directly with Arduino’s 5V may (will) damage it.

 Then the accellerometer

I choose a cheap 3-axis, I2C capable accellerometer breakout : the Sparkfun’s MMA8452 breakout board.

It has some nice features and can make use of 2 interrupts… but I only have one available… So the other one won’t be connected for now. My first version of arduino code won’t make use of any of it for now. So it does not matter. I did connect one… just in case I have an idea on how I could use it !


Schematic based on Sparkfun’s catalog product photo

Let’s continue with the encoder

The Sparkfun’s encoder is a bit tricky because documentation is not quite clear but in the end… it works !

encoder connection

Note that it is a common anode RGB led. Setting pins D12, D13 or D14 to 0 means ON and 255 means OFF !

And last, resistors for the leds are 150Ω, 100Ω and 100Ω for red, green and blue pins. Also, pull-down resistor for the switch is 10kΩ

Let’s finish with the buttons

And now the very last thing : the illuminated buttons.

button rear connection

Schematic based on Adafruit’s catalog product photo


Have 3 of them. Quite straight forward… just don’t forget 150Ω led resistors.

Wrap up

Ok… all parts have been connected one by one, here is the full picture !

schematic 1500

 And what about Arduino code

All is here on GitHub :

What’s next

In next posts, I will sho how I did assemble all that stuff and build a nice enclosure for it.

Noe’s Juke Box | Introduction

Time has gone by since my first post about the sound box… I already wrote a couple of articles about the button pad here, here and here. I finaly came up with something. I did build an autonomous sound box which can act as a piano or act like an MP3 player.

It is based on an Arduino Mega, a Sparkfun’s 4×4 button pad and its associated PCB, anamplified Adafruit’s Music Maker, and a Sparkfun’s MMA8452 triple axis accelerometer breakout board.

There are 3 modes which are demonstrated in the following videos

Player mode

In this mode, you first select a “bank” and then a file to play. Sound / music files are stored and the SD card inserted in the Adafruit’s Music Maker. File is read from the SD and played by the VS1053.


Piano Mode

Here, I use the MIDI mode of the VS1053. You first select a “bank”. Each bank has a specific set of sounds mapped to pad buttons.


Tilt Mode

This mode is quite simple for now : the light is moving using Sparkfun’s MMA8452 triple axis accelerometer data.


What’s next

In following posts, I will go into details of the Sound Box, hardware and software, how to assemble everything…

There is plenty of stuff that could be done : voice or music recorder using microphone input on the music maker, piano record mode, more advanced tilt game, “simon says” game…

Sparkfun’s 4×4 Button & LED Matrix – Part 3 – Playing with the pad

In previous posts, we saw how to assemble the pad and how to connect it to an arduino MEGA and use a very simple program to switch led on and of using the keypad. Now, this is getting a bit more complex as we will :

  • detect simultaneous key press (up to 10)
  • use key status (PRESSED, HOLD, RELEASED and IDLE) to do stuff
  • lights up multiple leds with different colors

What the program will do

On startup, it will lights up every led in red, green, blue and white successively. It is just a test to verify that the 3 RGB pins of all leds are properly wired to the arduino.

Then, it will lights up all leds at once with random colors.

Then, when using a key :

  • If the led off
    • When key is pressed, led will be switched on with a random color
    • if the key is not held long enough, the led will be switched off when the key is released
    • if the key is held long enough, when it is released, led will stay on
  • If the led is on
    • When key is pressed, led color will change
    • if the key is not held long enough, the led will be switched off when the key is released
    • if the key is held long enough, when it is released, led will stay on with the new color

Not really usefull… but it should show how all this works and get you started the the pad !

Detecting multiple key press

No magic here : I simply used Keypad library from Arduino’s playground. I used the MultiKey example provided with the library to get my code working.

How to get all leds switched on with different colors

4×4 led matrix (more specifically Sparkfun’s 4×4 led matrix) requires :

  • 3 x 4 PMW pins that is 3 pins per row of 4 leds (against 3×16=48 PWM pins if each led was to be controlled individually)
  • 4 ground pins (against 16 pins…)

(See here for some details on RGB leds and have a look here for PWM pins.)

Let say PWM pins are rows and GND pins are columns

4x4 button pad sample with pins

If you want to make the B2 led red, then you just set D5 to 255 and D32 to LOW.

4x4 button pad sample 1 red

But, although requiring much less pins, matrix have some drawbacks :  what if you want to ligh up B2 and C3 and also B2 to be red and D2 to be green ? All at the same time ?

4x4 button pad sample 3 red green blue

All 4 leds in a row share the very same 3 “colors” pins and all leds in a column share the very same ground. It is not directly possible to have 2 differents colors for 2 leds on the same row. And it is not possible to switch on only 2 leds which are not on the same columns.

One way is to switch all leds on and off successively. Or better (more efficient),

  1. set colors on all the rows for the 1st column
  2. switch column on
  3. wait “leds on” for a little while (else leds will look quite dimmed)
  4. switch column off
  5. go to the next column (back to 1)

4x4 button pad sample 4 process

I noticed that waiting for 4ms was giving some fickering. I needed 3ms or less to get a “flicker free” display.  I finally get down to 300μs “led on” period. This is sufficient to get the maximum brightness and definitively get rid of flickering.

Here is a small video showing the same led pattern as above, starting with a 500ms period down to 2ms.

PWM trick

I did connect the leds a bit differently than in the previous article. That is, I swapped  pins
4 & 13 respectively with pin 44 & 45. Why didn’t I used pin 4 & 13 and 44 & 45 instead ?

Because I needed to increase PWM frequency to make the matrix works. To do this, you need to change timers config. Pins 4 and 13 use timer 0. But… as timer 0 is used by Arduino’s core timing functions, you don’t want to mess with it. Do you ?

But why the heck did I want to change PWM frequency ! Because it too “slow” by default. On an Arduino MEGA, default frequencies are :

  • 976.56 Hz for pin 4 & 13
  • 490.20 Hz for all other PWM pins

As stated above, I won’t be using pins 4 & 13. So frequency fo pins I use is a bit less that 500 Hz, that is, a period is a bit higher that 2ms. This is veeeeeeeery loooong… waaaaaay too long because I wait for 300μs and can only “wait” up for 3ms max anyway (not to get flickering). So, even for 3ms, that is around 1 and a half PWM period. This is not enough to get a stable color.

So I increased PWM frequency to the maximum, i.e. 31372.55 Hz. That makes a PWM period of ~32μs which is much smaller of even the smallest 300μs “led on” period.

More on PWM :


And now the code

I finally built up my very first library based on some OO code. It is to be used with an Arduino Mega and the Sparkfun’s 4×4 button pad.

As this is my first library, it may (does) require improvements… I know. But I hope it will at least get you started !

All the code is here on GitHub.

Sparkfun’s 4×4 Button & LED Matrix – Part 2 – Connecting to an Arduino Mega

I described, in a previous post, how to assemble a 4×4 Sparkun’s button and led matrix. Let see how to connect it.

Because of the (quite) large number of leds and button, I will be using an Arduino MEGA. That will allow to drive RGB leds and button without any additionnal  component. Well… almost : we’ll still need

  • 12 150Ω resistor for the RGB leds
  • a few jumper wires
  • 3 small breadboards
  • an Arduino MEGA of course

RGB led and Arduino

RGB LED detailsAn RGB led is actually… 3 leds : 1 Red, 1 Green and 1 Blue (thus RGB). They all share a common cathode and have 3 anodes, 1 per color.

Choosing the voltage applied to each color allows to choose the brightness of each color, allowing, in turn, to display a broad range of colors.

An Arduino does not have analog outputs. Only digital ones. So we’ll use digital output to “simulate”  analog ones using a technique called PWM. For more details on PWM see here.

Wiring the button & led matrix

Without the matrix, we would need 3×16=48 PWM pins… that’s a lot. With the matrix, we only have 4 rows, each row being connected to 4 leds. This implies some limitations but we now only need 3×4=12 PWM pins and Arduino MEGA 2560 has… 15 of it. Phew…

In addition of connecting the anodes to PWM pins, we also need to connect the cathodes to  simples digital pins. We only need 4 of them because we have 4 columns, each column being populated with 4 leds sharing the GND.

And then, we’ll need 4 digital pins for button GND (cols) and 4 more for signal (rows)

button pad connection

You’ll find an interresting article about about keyboard matrix here.

And put it in a box !

I used the box in which my netatmo thermostat was provided : a nice cube with the perfect size ! I’ve done a bit of cut in the box and the spacers and here is the final result :

In the box closedIn the box opened

 A simple test program

We’we wired evrything up, we can start programming the gizmo and see what it can do. You will find a test program here.

As you see, it is quite simple : at startup, it senquentially lights up all leds then, on each button press, it light up the corresponding led, changing color each time.

It is just for testing. I’ll work on some more interresting programs and post them !