DIY a Touch Control Car Music Player With Nextion HMI Display

Introduction: DIY a Touch Control Car Music Player With Nextion HMI Display

About: Electronic technology hobbyists

DIY an electronic project is really a cool thing. Recently I spent half a month to DIY a touch control music player with a Nextion HMI touchscreen for my car. The car's internal environment is a private place for the owner, so the music should have personal characteristics. I have been tired of my own outdated radio inside the car, so I decided to DIY a car music player.

The DIY process is exciting. Here, I want to share my DIY project with you.

Teacher Notes

Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.

Step 1: Hardware Required:

-7” Nextion Enhanced HMI Touch Display

-4 pin Grove Cable

-8G SD Card

-12V Power Adapter

-Raspberry Pi B with 5V Power Adapter

- Ethernet Cable

- USB Disk

Step 2: DIY Process

Step 1: Create Music Player Control UI Project with Nextion Editor

My idea for the player user interface is to have a welcome interface, a menu for volume control, search bar for music names, and the music effect wave graph. Well, to create the UI, I download the Nextion Editor software, which is free to use. I can download a small music player demo from the Nextion library. Then I created the interfaces according to the demo basis. It was not very easy because I have to make the picture size suitable with the 7” Nextion visual area. I need to make sure the pictures and icons are not too large to view. Otherwise, I couldn’t see the full pictures. It took some time to create the interface. But I can view the effect from the simulator, which is very helpful.

Step 2: Download the Nextion project to the touch screen

After finishing my project. I uploaded it to the Nextion touch screen through a USB cable. The Nextion touch screen is a powerful high definition TFT display. It supports built-in RFT, GPIO. It meets my requirements on performance and function.

Step 3: Wiring

I connected the boards together. Just check the marks and connect correspondingly. I basically got rid of the wiring trouble. Connected Nextion touch screen with Raspberry Pi and touch screen through the HDMI and USB cable, then power up the Raspberry Pi with12V AC-DC power adapter.

Step 4: Install Driver

I downloaded some drivers and install them to the Raspberry Pi. Then let it work with Nextion HMI display. The car music player was initially completed.

Next, assemble the player into the car.

Perhaps you might think the process of setting up the player is troublesome. However, the most difficult thing is to install the player into the car. So I asked a friend graduated from Brooklyn Automotive High School to help. He helped me install the player to my 09 Pontiac G6. Here below are the process:

1. Firstly, we removed the original radio from car: opened clinker control panel, removed the screws, removed the radio.

2. Connect the player with the sound system in the car. (Connect the car’s 3.5mm audio interface with Raspberry Pi)

3. Because the Raspberry Pi and touch screen each need different power supply level, so we added an external 5000 mAh battery.

4. After all the wires are connected, we put the player into the position of the radio.

5. All done. Then we inserted USB into the player, start the music.

The above is car music player DIY whole process. Perhaps DIY a car player seems to be really complicated, but I feel pretty cool. It’s very exciting to have my own music player.

Be the First to Share


    • Backyard Contest

      Backyard Contest
    • Silly Hats Speed Challenge

      Silly Hats Speed Challenge
    • Finish It Already Speed Challenge

      Finish It Already Speed Challenge