Build Instructions

Collapse

• 1

  PCB Assembly Process

  • Applying solder paste to each component pad is the initial step in the circuit-building procedure. In this case, a solder paste dispenser synringe with 63/37 Sn/Pb solder paste is used.
  • Next, we pick and place each component in its proper place.
  • After that, we lift the circuit and place it on the reflow hotplate, which increases the PCB's temperature to the point where solder paste melts and all SMD components attach to their pads.
  • Then, using a soldering iron, we solder all of the component leads in their proper locations after placing all of the through-hole components, such as the horizontal push buttons, Type C port, and CON2 JST connectors.
• 2

  Adding Modules onto the Circuit (OLED, PICO, DF Player)

  • We now set up every module, including the DF Mini Player, Pico 2, and SSD1306 Display, in its proper location. The SSD1306 Display is first added to the circuit from the top side, and its pad is subsequently soldered from the bottom side.
  • Using a soldering iron, the terminals of the DF Mini Player are soldered from the top side of the board to the bottom side of the circuit.
  • We also included two JST connectors, which will be used to connect the battery and speaker.
  • In its place, we finally installed the Raspbery Pi Pico 2. We soldered the Pico directly onto the circuit using its castellated pads.

  The circuit assembly is now complete.

• 3

  CODE

  Next is the project's code, which is large but takes a very straightforward approach.

  #include <Wire.h>
  #include <Adafruit_GFX.h>
  #include <Adafruit_SSD1306.h>
  #include <SoftwareSerial.h>
  #include <DFRobotDFPlayerMini.h>
  #include <Adafruit_NeoPixel.h>
  #define SCREEN_WIDTH 128
  #define SCREEN_HEIGHT 64
  #define SSD1306_I2C_ADDRESS 0x3C
  #define LED_PIN 0
  #define NUM_LEDS 4
  Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT);
  Adafruit_NeoPixel strip = Adafruit_NeoPixel(NUM_LEDS, LED_PIN, NEO_GRB + NEO_KHZ800);
  // DFPlayer connections
  SoftwareSerial mySerial(9, 8); // RX (Pico) to TX (DFPlayer), TX (Pico) to RX (DFPlayer)
  DFRobotDFPlayerMini myDFPlayer;
  // Button pins
  const int buttonPinNext = 27; // Next song button
  const int buttonPinPrev = 26; // Previous song button
  const int buttonPinSelect = 12; // Select song button
  const int buttonPinVolumeUp = 13; // Volume up button
  const int buttonPinVolumeDown = 14; // Volume down button
  String songNames[50]; // Placeholder for song names from the SD card
  int totalSongs = 0;
  int currentSongIndex = 0; // Start with the first song
  int volume = 10; // Initial volume level (0-30)
  unsigned long lastDebounceTime = 0; // For navigation button debounce
  unsigned long debounceDelay = 250; // Debounce delay in milliseconds for navigation buttons
  bool isPlaying = false;
  // Function declarations
  void listSongsFromSD();
  void displayVolume();
  void playVisualizer();
  void displaySongInfo();
  void setLEDsRed();
  void setLEDsPurpleAndBlue();
  void setup() {
  // Initialize Serial and the display
  Serial.begin(9600);
  mySerial.begin(9600);
  display.begin(SSD1306_SWITCHCAPVCC, SSD1306_I2C_ADDRESS);
  display.clearDisplay();
  // Initialize DFPlayer
  display.setTextSize(1);
  display.setTextColor(SSD1306_WHITE);
  display.setCursor(0, 0);
  display.println("Init DFPlayer...");
  display.display();
  delay(1000); // Pause for observation
  if (!myDFPlayer.begin(mySerial)) {
  display.setCursor(0, 10);
  display.println("DFPlayer Init Failed!");
  display.display();
  while (true); // Halt further execution
  }
  myDFPlayer.volume(10);  // Set initial volume
  display.setCursor(0, 20);
  display.println("DFPlayer Initialized");
  display.display();
  delay(1000); // Pause for observation
  // Set up button pins
  pinMode(buttonPinNext, INPUT_PULLUP);
  pinMode(buttonPinPrev, INPUT_PULLUP);
  pinMode(buttonPinSelect, INPUT_PULLUP);
  pinMode(buttonPinVolumeUp, INPUT_PULLUP);
  pinMode(buttonPinVolumeDown, INPUT_PULLUP);
  // Initialize the LED strip
  strip.begin();
  strip.show(); // Initialize all pixels to 'off'
  setLEDsRed(); // Set initial state to red
  // Display welcome message
  display.clearDisplay();
  display.setTextSize(2);
  display.setTextColor(SSD1306_WHITE);
  display.setCursor(0, 0);
  display.drawRect(0, 0, 128, 64, SSD1306_WHITE); // Frame box
  display.setCursor(18, 25);
  display.println("Welcome!");
  display.display();
  delay(2000);
  display.clearDisplay();
  display.display();
  // Read and display song names from SD card
  listSongsFromSD();
  }
  void loop() {
  unsigned long currentMillis = millis();
  // Display song menu
  display.clearDisplay();
  display.setTextSize(1);
  display.setTextColor(SSD1306_WHITE);
  display.setCursor(0, 0);
  display.drawRect(0, 0, 128, 64, SSD1306_WHITE); // Frame box
  display.drawLine(0, 10, 128, 10, SSD1306_WHITE); // Line under the title
  display.setCursor(5, 0);
  display.print("Select Song:");
  // Display the list of songs with an arrow
  display.setTextColor(SSD1306_WHITE);
  display.setCursor(5, 13 + currentSongIndex * 10);
  display.print(">");
  for (int i = 0; i < totalSongs; i++) {
  display.setCursor(15, 13 + i * 10);
  display.print(songNames[i]);
  }
  // Display current volume
  display.setTextColor(SSD1306_WHITE);
  display.setCursor(5, 55);
  display.print("Volume: ");
  display.print(volume);
  display.display();
  // Check for button presses with debounce for navigation buttons
  if ((currentMillis - lastDebounceTime) > debounceDelay) {
  if (digitalRead(buttonPinNext) == LOW) {
  currentSongIndex = (currentSongIndex + 1) % totalSongs; // Loop back to start
  lastDebounceTime = currentMillis;
  }
  if (digitalRead(buttonPinPrev) == LOW) {
  currentSongIndex = (currentSongIndex - 1 + totalSongs) % totalSongs; // Loop to end
  lastDebounceTime = currentMillis;
  }
  if (digitalRead(buttonPinSelect) == LOW) {
  myDFPlayer.play(currentSongIndex + 1); // Play selected song
  isPlaying = true;
  lastDebounceTime = currentMillis;
  playVisualizer();
  }
  }
  // Check for volume button presses separately with a shorter debounce delay
  if (digitalRead(buttonPinVolumeUp) == LOW) {
  if ((currentMillis - lastDebounceTime) > 50) { // Shorter debounce delay for volume buttons
  if (volume < 30) { // Max volume is 30
  volume++;
  myDFPlayer.volume(volume); // Update volume on DFPlayer
  displayVolume();
  }
  lastDebounceTime = currentMillis;
  }
  }
  if (digitalRead(buttonPinVolumeDown) == LOW) {
  if ((currentMillis - lastDebounceTime) > 50) { // Shorter debounce delay for volume buttons
  if (volume > 0) { // Min volume is 0
  volume--;
  myDFPlayer.volume(volume); // Update volume on DFPlayer
  displayVolume();
  }
  lastDebounceTime = currentMillis;
  }
  }
  // Automatically play the next song if the current one ends
  if (myDFPlayer.available()) {
  if (myDFPlayer.readType() == DFPlayerPlayFinished) {
  currentSongIndex = (currentSongIndex + 1) % totalSongs;
  myDFPlayer.play(currentSongIndex + 1);
  displaySongInfo();
  }
  }
  // Handle LED colors based on whether a song is playing
  if (isPlaying) {
  setLEDsPurpleAndBlue();
  } else {
  setLEDsRed();
  }
  }
  // Function to list songs from SD card (Mock implementation)
  void listSongsFromSD() {
  // Placeholder implementation to list songs
  songNames[0] = "Song 1";
  songNames[1] = "Song 2";
  songNames[2] = "Song 3";
  totalSongs = 3;
  }
  // Function to display volume change
  void displayVolume() {
  display.clearDisplay();
  display.setTextSize(2);
  display.setTextColor(SSD1306_WHITE);
  display.setCursor(0, 0);
  display.drawRect(0, 0, 128, 64, SSD1306_WHITE); // Frame box
  display.setCursor(35, 10); // Adjusted position
  display.print("Volume");
  display.setCursor(55, 35); // Position below the word
  display.print(volume);
  display.display();
  delay(1000); // Show volume for 1 second
  }
  // Simple visualizer function
  void playVisualizer() {
  // Basic visualization while playing
  display.clearDisplay();
  display.setTextSize(2);
  display.setTextColor(SSD1306_WHITE);
  display.setCursor(0, 0);
  display.drawRect(0, 0, 128, 64, SSD1306_WHITE); // Frame box
  display.setCursor(10, 20);
  display.print("Now Playing:");
  display.setTextSize(1);
  display.setCursor(10, 40);
  display.print(songNames[currentSongIndex]);
  display.display();
  // Visualizer loop
  for (int i = 0; i < 20; i++) {
  display.fillRect(i * 6, 50, 5, random(10, 30), SSD1306_WHITE);
  display.display();
  delay(50);
  display.fillRect(i * 6, 50, 5, random(10, 30), SSD1306_BLACK);
  }
  }
  // Function to display current song info
  void displaySongInfo() {
  display.clearDisplay();
  display.setTextSize(2);
  display.setTextColor(SSD1306_WHITE);
  display.setCursor(0, 0);
  display.drawRect(0, 0, 128, 64, SSD1306_WHITE); // Frame box
  display.setCursor(10, 20);
  display.print("Playing:");
  display.setTextSize(1);
  display.setCursor(10, 40);
  display.print(songNames[currentSongIndex]);
  display.display();
  }
  // Functions to control the LED strip
  void setLEDsRed() {
  for (int i = 0; i < NUM_LEDS; i++) {
  strip.setPixelColor(i, strip.Color(255, 0, 0)); // Red color
  }
  strip.show();
  }
  void setLEDsPurpleAndBlue() {
  for (int i = 0; i < NUM_LEDS; i++) {
  strip.setPixelColor(i, strip.Color(128, 0, 128)); // Purple color
  }
  strip.show();
  delay(500);
  for (int i = 0; i < NUM_LEDS; i++) {
  strip.setPixelColor(i, strip.Color(0, 0, 255)); // Blue color
  }
  strip.show();
  delay(500);
  }

   The constants that specify the display's dimensions and I2C address, as well as the LED pin and number of LEDs, are all included in the first section of this code, which also includes all the libraries you must right away install. Additionally, it includes objects such as the NeoPixel strip and the OLED display, respectively.

  The first section also assigns button pins, stores song names in an array called songNames, and uses certain variables to monitor the number of songs, the song index that is currently selected, and the volume level.

  The OLED display and the DF Mini player are initiated by the Section's Setup Function, which also includes a tiny part that checks to see if the DF player's initialization failed or was functioning well.

  Along with the WS2812B LED, which is configured to glow red, this function also includes buttons that configure each button as an input. We also added a welcome message that will appear each time the device starts on.

  The third section, or the Loop Function, is made up of seven parts, including the Current Time, which keeps track of time in microseconds and manages button debounding, Song Menu Structure, Song List, and volume display. The navigation button functions by detecting if buttons are being pressed and updating the song index accordingly. The volume buttons perform the same function as the song index but also control the LED and play the next song segment.

  Before using this sketch, make sure you install the libraries listed below.

  #include <Wire.h>
  #include <Adafruit_GFX.h>
  #include <Adafruit_SSD1306.h>
  #include <SoftwareSerial.h>
  #include <DFRobotDFPlayerMini.h>
  #include <Adafruit_NeoPixel.h>

View all 5 instructions