Makerfabs logo

DIY MP3 Player with ESP32 - Audio Player

DIY MP3 Player with ESP32 - Audio Player

November 27, 2020

DIY-An-MP3-Player-On-ESP32-1
In this project, we will learn how to build a DIY MP3 player with ESP32, using the ESP32 Audio module, we can make an MP3 player with extra web radio and alarm clock function.

ESP32 can be used as an independent system to run applications, just plug in the cable, power the device, and program it. With downloading different programs, the player can realize SD card playing music function, Internet radio function, and music alarm clock function.
 
Now, let's start!

1. Supplies:

1.1 Hardware:

1.2 Software:

  • Arduino IDE
  • Download music (.mp3 or .wav) to the SD card.

2. Hardware Connection

How-to-Connect-the-hardwareDIY-ESP32-MP3-Player
Connect two boards according to the pins. The VCC is connected to 3v3.

3. Programming Environment

3.1 ESP32 Support

Follow the Installation Instructions to add ESP32 support if you are not yet doing it: https://github.com/espressif/arduino-esp32

3.2 Install Library

  • Adafruit SSD1306 and dependent libraries.
  • ESP32-audioI2S.
You can get the zip file from the Github: https://github.com/Makerfabs/Project_MakePython_Audio_Music
 
Unzip this file. Open your Arduino IDE and navigate to Sketch > Include Library > Manage Libraries > Add .ZIP Library.
 
Then open the folder: "\Project_MakePython_Audio_Music\old-src\esp32_mp3\ESP32-audioI2S". And you will see a prompt that the library installed successfully.

4. About Code

4.1 Audio Play

  • Open file "/Project_MakePython_Audio_Music/music_player.ino". You can get the code from Github: https://github.com/Makerfabs/Project_MakePython_Audio_Music
  • Notice: MicroPython Audio can be downloaded without unplugging. When uploading the program, please rotate the switch next to the 3.5mm Audio interface to the Audio socket for downloading successfully.
  • Modify or add text in the display.
void lcd_text(String text)
  • Change the initial volume:
audio.setPinout(I2S_BCLK, I2S_LRC, I2S_DOUT);
audio.setVolume(14); // 0...21
  • Switch songs:
if (digitalRead(Pin_next) == 0)
        {
            Serial.println("Pin_next");
            if (file_index < file_num - 1)
                file_index++;
            else
                file_index = 0;
            open_new_song(file_list[file_index]);
            print_song_time();
            button_time = millis();
        }
        if (digitalRead(Pin_previous) == 0)
        {
            Serial.println("Pin_previous");
            if (file_index > 0)
                file_index--;
            else
                file_index = file_num - 1;
            open_new_song(file_list[file_index]);
            print_song_time();
            button_time = millis();
        }
  • Upload the code.

4.2 Web Radio

const char *ssid = "Makerfabs";
const char *password = "20160704";
  • Add, delete or modify the radio address in the following code:
String stations[] = {
       "0n-80s.radionetz.de:8000/0n-70s.mp3",
       "mediaserv30.live-streams.nl:8000/stream",
       "www.surfmusic.de/m3u/100-5-das-hitradio,4529.m3u",
       "stream.1a-webradio.de/deutsch/mp3-128/vtuner-1a",
       "mp3.ffh.de/radioffh/hqlivestream.aac", //  128k aac
       "www.antenne.de/webradio/antenne.m3u",
       "listen.rusongs.ru/ru-mp3-128",
       "edge.audio.3qsdn.com/senderkw-mp3",
           "macslons-irish-pub-radio.com/media.asx"};
  • Connect to the web radio station:
void open_new_radio(String station)
{
audio.connecttohost(station);

4.3 Alarm Clock

const char *ntpServer = "120.25.108.11";
const long gmtOffset_sec = 8 * 60 * 60; //China+8 
const int daylightOffset_sec = 0; 
String clock_time = "17:39:00"; 
String clock_time2 = "17:42:00";
  • Init and get the time，and the “gmtOffset” is used to set the time zone.
//init and get the time
configTime(gmtOffset_sec, daylightOffset_sec, ntpServer);
Serial.println(F("Alread get npt time."));
  • Modify the alarm clock music:
void loop()
{
    printLocalTime();
    audio.loop();
    if (millis() - button_time > 600)
    {
        if (alarm_flag == 0)
        {
            if (showtime() != 0)
            {
                open_new_song("clock.wav");
                alarm_flag = 1;
                display.setCursor(0, 24);
                display.println("ALARM!!!!!");
                display.display();
                delay(1000);
                button_time = millis();
            }
        }

5. 3D Printed Case

DIY-ESP32-MP3-Player-with-3D-Printed-Case


The case can be obtained from: https://www.makerfabs.com/esp32-audio-fixture-kit.html
  • 3D design:
Design the case as you like. If don’t want to design it temporarily, you can get the design file from here: https://github.com/Makerfabs/Project_MakePython_Audio_Music
  • 3D printing:
Transfer your print files to the printer using an SD card. 3D printing can complete the production of the case quickly.
  • Assembly

6: Operation

DIY-an-MP3-Player-based-on-ESP32

Power the ESP32 via Micro USB and the LCD screen displays the basic information of the song. The lower left switch can switch songs or radio channel, and press inward to pause playback. The switch on the left can increase or decrease the volume, press inward to mute or stop the alarm.

7. Video show:

Check this video to learn how we build the ESP32 MP3 Player.
If you have any further questions or need some PCBA customizations based on those MakePython IoT boards, feel free to contact [email protected].wink

Contact us