Portable MP3 AUX Music Box
by samuelhaessly in Circuits > Gadgets
3777 Views, 20 Favorites, 0 Comments
Portable MP3 AUX Music Box
![IMG_3305.JPG](/proxy/?url=https://content.instructables.com/FEK/PNZU/JR6OJL1N/FEKPNZUJR6OJL1N.jpg&filename=IMG_3305.JPG)
![IMG_3312.JPG](/proxy/?url=https://content.instructables.com/FAV/9HFT/JR6OJL63/FAV9HFTJR6OJL63.jpg&filename=IMG_3312.JPG)
This process analysis showcases how to build a MP3 player with Arduino Nano, the files are 16-bit MP3 and do work unlike tradition Arduino music players which are limited to an 8-bit WAV.
Another portion of this tutorial demonstrates creating laser-cut cases using various websites and applications.
The box has a total of 21 songs along with a stop button as well.
In Action!
![21 song soundboard](/proxy/?url=https://content.instructables.com/F0I/L4ZH/JRGOG6VX/F0IL4ZHJRGOG6VX.jpg&filename=21 song soundboard)
Have your audio on, this shows just the intro to a few songs, and how the dial changes the buttons to new songs.
Designing Shell for Music Box With Maker-Case(Optional, Can Use Any Cardboard Box or Case)
![box.PNG](/proxy/?url=https://content.instructables.com/FNH/9GF8/JR6OF1ZZ/FNH9GF8JR6OF1ZZ.png&filename=box.PNG)
![size box.PNG](/proxy/?url=https://content.instructables.com/FB1/IUFQ/JR6OF25C/FB1IUFQJR6OF25C.png&filename=size box.PNG)
![joints.PNG](/proxy/?url=https://content.instructables.com/FWE/8D3Y/JR6OF23G/FWE8D3YJR6OF23G.png&filename=joints.PNG)
![Click this.PNG](/proxy/?url=https://content.instructables.com/FSR/S9HE/JR6OF211/FSRS9HEJR6OF211.png&filename=Click this.PNG)
What's Maker-Case?
Maker-case is a very user friendly and FREE laser cutting plan generate for simple cases. has options to make giant boxes with slots all the way to tiny ones with various slots.
Link to maker case
Generating our Box
Feel free to do whatever dimensions you feel comfortable with on your shell. For the image shown above, its a example, my box was 5" x 4" x 3".
Next select outside for the dimensions to align with a standard ruler measuring across the box.
The material thickness will have to depend on whatever material you use, you can measure the thickness of it with a dial caliper or precise ruler. For this project we will be using 1/8", colored acrylic glass.
The edge joints have to be finger slots, for flat breaks easily and T-Slot is not as aesthetically looking.
Tab Width I would recommend to be .4" but feel free to do as fits your box.
Once all this is selected to your fitting, click "Generate Laser Cutter Case Plans" then a screen will show up, In the bottom right hand corner then click "Download Plans"
Finish the Case Designs With CorelDRAW 2017 (still Optional, Can Design Your Own Case)
![corel page.PNG](/proxy/?url=https://content.instructables.com/F7Y/WLNL/JR6OF222/F7YWLNLJR6OF222.png&filename=corel page.PNG)
![coreldraw.PNG](/proxy/?url=https://content.instructables.com/FAH/M35C/JR6OF227/FAHM35CJR6OF227.png&filename=coreldraw.PNG)
![correl.PNG](/proxy/?url=https://content.instructables.com/FN2/SC16/JRBBN7JJ/FN2SC16JRBBN7JJ.png&filename=correl.PNG)
This is the link to CorelDraw.
Generating final laser cutting plans on CorelDraw
when you open up CorelDraw, the first thing to do is open up your laser plans from MakerCase
Go to FILE, and then to open and find your drawing in your downloads, more than likely named "CasePlans"
Once you have your case plans open. go ahead and design the cover of your box, using a dial caliper, you can get the measurements of your buttons and potentiometer.
Once you have your measurements, you can add the holes, squares and any lettering you want on your box.
Now, Highlight the box and make it a specific color, I choose red for mine, these lines will be what cuts the box
Second, highlight the text you want to be engraved and make it green, as shown in the picture above.
Upload Your Box Plans to Your Laser Engraver
![20181128_121329.jpg](/proxy/?url=https://content.instructables.com/FQO/1L4T/JR4WL2RI/FQO1L4TJR4WL2RI.jpg&filename=20181128_121329.jpg)
![20190125_082107.jpg](/proxy/?url=https://content.instructables.com/FR7/78KW/JRBBMQQ9/FR778KWJRBBMQQ9.jpg&filename=20190125_082107.jpg)
![20190115_113120.jpg](/proxy/?url=https://content.instructables.com/FLN/7EI5/JR4WL2SV/FLN7EI5JR4WL2SV.jpg&filename=20190115_113120.jpg)
![laser.PNG](/proxy/?url=https://content.instructables.com/FP9/I3B2/JRBBN7JK/FP9I3B2JRBBN7JK.png&filename=laser.PNG)
Using a big sheet of acrylic glass, use a glass/box cutter to size your acrylic to your laser engraver.
The laser engraver I used is a Universal Laser Systems in our tech department at school.
The universal laser engraver came with its own program show above.
Save the Corel drawing as a .CDR file and reopen it in your laser engraver program.
On this interface, which should be connected to your lase cutter, all you need to do now is click the large green play button on the left side.
Engrave and Cut!
![Animated GIF - Find & Share on GIPHY](/proxy/?url=https://content.instructables.com/F0T/18OW/JRBBM8OJ/F0T18OWJRBBM8OJ.gif&filename=Animated GIF - Find & Share on GIPHY)
![Animated GIF - Find & Share on GIPHY](/proxy/?url=https://content.instructables.com/FDP/FWMZ/JRBBM97H/FDPFWMZJRBBM97H.gif&filename=Animated GIF - Find & Share on GIPHY)
Prepare Your Bread Board or Prepare to Print Your PCB
![Breadboard.PNG](/proxy/?url=https://content.instructables.com/FX4/BJ12/JRBBLBIF/FX4BJ12JRBBLBIF.png&filename=Breadboard.PNG)
![PCB.PNG](/proxy/?url=https://content.instructables.com/FDV/5MPO/JRBBLBKQ/FDV5MPOJRBBLBKQ.png&filename=PCB.PNG)
![Schematic.PNG](/proxy/?url=https://content.instructables.com/F79/N0F8/JRBBLBMG/F79N0F8JRBBLBMG.png&filename=Schematic.PNG)
Feel free to adjust any parts, but for the BreadBoard and PCB above, you need the following components
- 8 push-buttons
- 1 10k potentiometer
- 1 Aux Port
- 3 Light Emitting Diodes
- Adafruit VS1053 board
- Arduino Nano
- 3 1M ohm resistors
- 2 330k ohm resistors
- 2 47k ohm resistors
- 2 22k ohm resistors
- 2 470 ohm resistors
- 3 100 ohm resistors
- and a spool of 22 gauge wire
Additional handy tools to have are
- Hot Glue gun
- Wire Snippers
- Wire Strippers
- Soldering iron
- X-ACTO knife
The Above pictures I made using a application called fritzing click here to download fritzing
Prototype Your Board Before Soldering!
![20190104_082504.jpg](/proxy/?url=https://content.instructables.com/FN5/YDWY/JRBBLHUW/FN5YDWYJRBBLHUW.jpg&filename=20190104_082504.jpg)
![IMG_3298.JPG](/proxy/?url=https://content.instructables.com/F9C/UGZO/JR6OJL1H/F9CUGZOJR6OJL1H.jpg&filename=IMG_3298.JPG)
![resistor.jpg](/proxy/?url=https://content.instructables.com/F2A/BNRB/JRBBLIG1/F2ABNRBJRBBLIG1.jpg&filename=resistor.jpg)
Always before you start to solder and glue!!!! Make sure the soundboard works before, use the image from the last step to guide you.
SKIP SOME STEPS TO GET THE ARDUINO CODE FOR PROTOTYPING
Also make use of the color code to help select your resistors
Arduino Code
![arduino 1.PNG](/proxy/?url=https://content.instructables.com/FKL/Q5MX/JRBBLQA3/FKLQ5MXJRBBLQA3.png&filename=arduino 1.PNG)
![arduino 2.PNG](/proxy/?url=https://content.instructables.com/FO2/UFKF/JRBBLQDZ/FO2UFKFJRBBLQDZ.png&filename=arduino 2.PNG)
IMPORTANT NOTE: The pictures above do not show all the arduino code, download the file for the entire code, the entire code is too long to have posted in the photos above.
Once the code is downloaded, you need to get the adafruit library which is shown in the step below
Downloads
Link to VS1053 Library
![IMG_3311.JPG](/proxy/?url=https://content.instructables.com/FYB/UJS9/JR6OJL61/FYBUJS9JR6OJL61.jpg&filename=IMG_3311.JPG)
Get Your Mp3 Files
![mp3.PNG](/proxy/?url=https://content.instructables.com/F1K/7GBK/JRBBLUIF/F1K7GBKJRBBLUIF.png&filename=mp3.PNG)
![download.jpg](/proxy/?url=https://content.instructables.com/F0U/0HCN/JRBBLUIG/F0U0HCNJRBBLUIG.jpg&filename=download.jpg)
The easiest way to get MP3 files is to use one of many YouTube to MP3 converter, this isn't limited to music. You can convert any audio and trim the files for your liking.
Once you have the files downloaded you need to copy and paste them to a micro sd card.
CLICK HERE to get the link for converting youtube videos to mp3
Once you have your MP3 files, go into the Arduino code and rename the part of the program with the file names, with the new MP3 names of your pick. End the file with ".mp3"
Get the Boards Down
![20190115_122418.jpg](/proxy/?url=https://content.instructables.com/FD9/2ESK/JR4WL2VM/FD92ESKJR4WL2VM.jpg&filename=20190115_122418.jpg)
![20190115_122413.jpg](/proxy/?url=https://content.instructables.com/FYO/HL7Z/JR4WL2V9/FYOHL7ZJR4WL2V9.jpg&filename=20190115_122413.jpg)
Using a hot glue gun, glue the breakout boards to the bottom face of your Soundboard box
Be sure the Micro-SD and Mini-USB port are showing so you can change the SD card and power the box.
Makes sure the pins are facing up too! need them to plug in pins!
Prepare Your 5v and Ground Pins
![20190116_082438(0).jpg](/proxy/?url=https://content.instructables.com/FR8/E0DK/JR4WL2VY/FR8E0DKJR4WL2VY.jpg&filename=20190116_082438(0).jpg)
![20190117_080249.jpg](/proxy/?url=https://content.instructables.com/FEG/P44M/JR4WL31Y/FEGP44MJR4WL31Y.jpg&filename=20190117_080249.jpg)
![20190117_080546.jpg](/proxy/?url=https://content.instructables.com/FCI/YWFO/JR4WL33C/FCIYWFOJR4WL33C.jpg&filename=20190117_080546.jpg)
![20190117_082924.jpg](/proxy/?url=https://content.instructables.com/FWW/J6XD/JR4WL33N/FWWJ6XDJR4WL33N.jpg&filename=20190117_082924.jpg)
![20190117_121000.jpg](/proxy/?url=https://content.instructables.com/F3Q/XGBE/JR4WL39K/F3QXGBEJR4WL39K.jpg&filename=20190117_121000.jpg)
![Breadboard.PNG](/proxy/?url=https://content.instructables.com/FX4/BJ12/JRBBLBIF/FX4BJ12JRBBLBIF.png&filename=Breadboard.PNG)
Using a breadboard, cut off a few pieces with at least 5 pin holes each from the power, USE YOUR LINEMAN'S (If you have one) and ground part, use the stick backside to attach to bottom face of board
Connect all three power lines of your pieces, BUT***DON'T CONNECT THE BREADBOARDS GROUNDS TOGETHER*** only connect the two grounds of the boards together to one of the pieces, the other two - lines will be used as the analog signal/ground from the push-buttons.
The photo above is a good example of how to do this
STEP 2
Now, the two grounds that are not connected, you need to connect with the 47k ohm resistors each, use the photo above to see this!!
STEP 3
Connect the Arduino nano's pins to the VS1053's pins
Use the note in the breadboard photo to see which exact pins I'm talking about, literally any pin that is directly connected from the nano to the VS1053
Attach the Aux
![20190116_112144.jpg](/proxy/?url=https://content.instructables.com/F9N/EIVF/JR4WL2WM/F9NEIVFJR4WL2WM.jpg&filename=20190116_112144.jpg)
![Breadboard.PNG](/proxy/?url=https://content.instructables.com/FX4/BJ12/JRBBLBIF/FX4BJ12JRBBLBIF.png&filename=Breadboard.PNG)
connect 3 Female pin ends to your VS1053 board for the aux, attach these three pins to the 3 pins on your aux port,
Use the notes on the above circuit board to know where to plug the pins into
Prepare Your Buttons (Part 1)
![20190116_113157.jpg](/proxy/?url=https://content.instructables.com/F5K/P72N/JR4WL2XM/F5KP72NJR4WL2XM.jpg&filename=20190116_113157.jpg)
![20190116_113254.jpg](/proxy/?url=https://content.instructables.com/FEG/V9DO/JR4WL2Z2/FEGV9DOJR4WL2Z2.jpg&filename=20190116_113254.jpg)
![20190117_104805.jpg](/proxy/?url=https://content.instructables.com/F51/4QHZ/JR4WL35E/F514QHZJR4WL35E.jpg&filename=20190117_104805.jpg)
You need
- Your spools of solid wire
- Lineman's tool
- All the other resistors except the 47k and 100 Ohm resistors
- soldering iron
Cut 12 wires of about 5-6 inches long, then plug your soldiering iron in for part 2.
Prepare Your Buttons(part 2)
![20190116_112702.jpg](/proxy/?url=https://content.instructables.com/FRP/E6QI/JR4WL2XB/FRPE6QIJR4WL2XB.jpg&filename=20190116_112702.jpg)
NOW THIS PART IS VERY IMPORTANT
First, solder one resistor each onto any of the buttons pin, you should have 9 resistors and 8 buttons, every button will receive 1 of the remaining resistors EXCEPT for one of the million ohm resistors, 1 button should have two resistors in series soldered to it, this making it two million ohms.
Now, another very important thing to note, take 8 of your 12 wires, and solder it on the pin DIAGONALLY ACROSS from the pin with the resistor on.
take your other 4 wires and solder them to the end of your resistors(Twist the end of two resistors together so and solder 1 wire each to two resistors, CANT BE SAME RESISTOR VALUE) so you end with two long 5-6 inch wires coming out from your buttons on the pins diagonally across from each other.
its important its diagonal, otherwise it would be a closed circuit and the button wouldn't work.
Attach Your Buttons
![20190116_122552.jpg](/proxy/?url=https://content.instructables.com/F5W/UHXS/JR4WL2ZI/F5WUHXSJR4WL2ZI.jpg&filename=20190116_122552.jpg)
![20190116_122555.jpg](/proxy/?url=https://content.instructables.com/FBO/E5V3/JR4WL2ZV/FBOE5V3JR4WL2ZV.jpg&filename=20190116_122555.jpg)
![20190117_104828.jpg](/proxy/?url=https://content.instructables.com/FH5/3CK0/JR4WL36B/FH53CK0JR4WL36B.jpg&filename=20190117_104828.jpg)
![20190117_104833.jpg](/proxy/?url=https://content.instructables.com/F5G/FN4H/JR4WL36E/F5GFN4HJR4WL36E.jpg&filename=20190117_104833.jpg)
The photos above don't have the last 4 wires yet, but that's ok.
Fit your buttons into there slot in a way that each resistor value is on opposite sides, also, you will want the resistors facing toward the outside of the box as shown above
Now, glue the back of the buttons with your hot glue gun, make sure you glue the back of the buttons so you don't have glue on the front face of your box
Lastly, put your 10k potentiometer in its hole as well, use the nut that comes with majority of potentiometer to keep it tight to the box face
Checkpoint
![20190117_080015.jpg](/proxy/?url=https://content.instructables.com/FI8/KRAX/JR4WL30J/FI8KRAXJR4WL30J.jpg&filename=20190117_080015.jpg)
This is how your project should look, the boards are missing the bread-board pieces in the photo above
Prepare Your LED's (part 1)
![20190117_111358.jpg](/proxy/?url=https://content.instructables.com/FLD/YNSA/JR4WL38I/FLDYNSAJR4WL38I.jpg&filename=20190117_111358.jpg)
![20190117_112017.jpg](/proxy/?url=https://content.instructables.com/F7J/ZJA1/JR4WL38R/F7JZJA1JR4WL38R.jpg&filename=20190117_112017.jpg)
![20190117_112554.jpg](/proxy/?url=https://content.instructables.com/FBV/XZ60/JR4WL39D/FBVXZ60JR4WL39D.jpg&filename=20190117_112554.jpg)
Needs
- 1 Red L.E.D.
- 1 Yellow L.E.D.
- 1 Green L.E.D.
- 3 100 ohm resistors
- 6 5"-6" solid wire, around 22 gauge
Solder one 100 ohm resistor to each anode side of your LED's, trim any long pins of the LED's or resistors so it looks like the ones above.
Prepare Your LED's(Part 2)
![20190117_120952.jpg](/proxy/?url=https://content.instructables.com/FBB/QHCP/JR4WL39J/FBBQHCPJR4WL39J.jpg&filename=20190117_120952.jpg)
First , glue the backside of your LED's to your board.
Then, take the wires on your cathode side and trim them to about 2-3 inches and solder the tips of the wires to a another 4"-5" wire, these are all grounded to each-other now.
Connect the Top to the Base
![20190117_123559.jpg](/proxy/?url=https://content.instructables.com/F6H/XJWB/JR4WL3AC/F6HXJWBJR4WL3AC.jpg&filename=20190117_123559.jpg)
![Breadboard.PNG](/proxy/?url=https://content.instructables.com/FX4/BJ12/JRBBLBIF/FX4BJ12JRBBLBIF.png&filename=Breadboard.PNG)
Now this is where it gets pretty messy, just follow along carefully. And use the breadboard schematic above.
You should have two breadboard pieces connect to your 5V from the third breadboard piece, but the two pieces are not grounded! On those two pieces, you need to plug in the wires from your buttons on the side without the resistors to the +side of the pieces. Plug the 4 from one side into the spot, and plug the other side 4 buttons into the 5V.
Now, you should have two - lines of the breadboards with nothing plugged into them. VERY IMPORTANT, one of each of the resistors needs to go into each side, so follow as bellow
In one of the -, a 470, a 22k a 330k and a 1-million ohm resistor should end there. on the other -, a 470, a 22k, a 330k, and the 2-million series ohm resistor should go into there.
Now the side with the 1-million ohm resistor needs a pin from the board to A1 on your Arduino nano.
And the side with 2-million ohm series resistor needs a pin from the board to A2 on your Arduino nano.
For the potentiometer connect the middle pin to A2 and the ground to the Arduino ground on the first breadboard piece. and the third pin to the 5V on the first breadboard piece.
For the LED's, they should have one pin now that connects to all of their cathodes. With that one pin connect it too the ground of the first breadboard piece too. And connect the LED's cathode to the 1, 2 and 3 pin of the VS1053 shown above.
- Make sure to glue down the wires in the breadboards so they do not come loose, the ones attached to the Arduino should be ok but if your still nervous about it, it doesn't hurt to add a little glue there too.
Start to Close the Box
![20190117_162129.jpg](/proxy/?url=https://content.instructables.com/FUY/ZK98/JR4WL3C3/FUYZK98JR4WL3C3.jpg&filename=20190117_162129.jpg)
![20190117_155931.jpg](/proxy/?url=https://content.instructables.com/F7C/NOJN/JR4WL3AH/F7CNOJNJR4WL3AH.jpg&filename=20190117_155931.jpg)
![20190117_155926.jpg](/proxy/?url=https://content.instructables.com/FMI/UFXT/JR4WL3AF/FMIUFXTJR4WL3AF.jpg&filename=20190117_155926.jpg)
![IMG_3310.JPG](/proxy/?url=https://content.instructables.com/F3I/HSU4/JR6OJL5Z/F3IHSU4JR6OJL5Z.jpg&filename=IMG_3310.JPG)
Be careful not to use too much hot glue here, and I would recommend Epoxy if you have access to it. but starting with the top, glue the boarders of your faces together. You may need to push the top a little bit to get it too stay.
Following that, you should get the two side faces glued on. This will leave you with only the front face left. now before you close it completely, I would plug everything in and be sure the box works.
The box at this point should look like a box full of spaghetti from all the wires.
Finally, once it all works put the face of the box on. and your box is complete!
Aesthetics
![20190118_110025.jpg](/proxy/?url=https://content.instructables.com/F6S/0KTU/JR4WL3D0/F6S0KTUJR4WL3D0.jpg&filename=20190118_110025.jpg)
![20190118_110026.jpg](/proxy/?url=https://content.instructables.com/FR9/VUJ2/JR4WL3DL/FR9VUJ2JR4WL3DL.jpg&filename=20190118_110026.jpg)
For a final nice touch, you can add some rubber feet to the box to help with sliding and they also like more professional as well.
Play Music!
![IMG_3308.JPG](/proxy/?url=https://content.instructables.com/FPA/BSNF/JR6OJL4U/FPABSNFJR6OJL4U.jpg&filename=IMG_3308.JPG)
![IMG_3313.JPG](/proxy/?url=https://content.instructables.com/FUZ/ECF4/JR6OJL64/FUZECF4JR6OJL64.jpg&filename=IMG_3313.JPG)
When you turn the knob, the light will change from each LED to the next, Each LED changes the songs on 7 of the buttons, with the 8th button always being a stop playing button. This comes to 21 songs, but you can add up to 8 LED's coming to a total of 56 songs!
Thanks so much to the Instructable's Team and Community.