ESPF32 Wifi radio
A fully functional internet radio with LCD. Keeping it as simple as possible.
If you want a version with more functionalities (and a lot of more code, that is not my project): ESP32-MiniWebRadio V2
Features:
- Use a remote to operate and/or rotary buttons
- Radio stations configurable with website
- Each station can have a category. You can switch +/- a radio station within the category
- You can switch +/- between categories
- You can save 1 station which is then selected when you switch on the device
All components are less than 20 EURO. The donor radio (panasonic) was 10 EURO second hand. So the total cost of this fun project was 30 EURO.
Diymore ESP32 Ontwikkelingsplaat NodeMCU Module 2,4 GHz Dual Core WLAN WiFi Bluetooth CP2102 Chip ESP32 WROOM
Or you can choose with an external antenna to improve the WIFI signal receiving
https://nl.aliexpress.com/item/1005002410521023.html?spm=a2g0o.order_list.order_list_main.53.2b0279d2JmJ4ml&gatewayAdapt=glo2nld (choose the one with external antenna connection)
Ili9341 240*320 2.8 inch touch
10Pcs Universele Ir Infrarood Ontvanger TL1838 VS1838B 1838 38Khz
Used for volume and tuning the radio station. Instead you can use the remote/IR receiver option
KY-040 360 Graden Rotary Encoder Module Rotry Encoder Aliexpress
All original electronics of the portable grundig radio are removed, so it does not have an amplifier anymore. You should connect an amplifier to the DAC (and speaker)
| ESP32 | LCD | PCM | IR | wire colors | Rotary1 | Rotary2 | |
|---|---|---|---|---|---|---|---|
| v5 | 1- VCC | 6- VIN | 3- VCC | red | |||
| GND | 2- GND | 5- GND + 1- SCK | 2- GND | black | |||
| 22 | 3- CS | blue | |||||
| EN | 4- RESET | yellow | |||||
| 21 | 5- DC | green | |||||
| 23 | 6- SDI/MOSI | brown | |||||
| 18 | 7-SCK | grey | |||||
| 32 | 8-LED | purple | |||||
| 19 | 9-SDO/MISO | white | |||||
| 5 | orange | ||||||
| 26 | 4- LCK | ||||||
| 25 | 3- DIN | ||||||
| 27 | 2- BCK | ||||||
| 15 | 1- SIGNAL | ||||||
| 13 | 1-CLK A | ||||||
| 17 | 2-DT B | ||||||
| 35 | 3-SW | ||||||
| v3 | 4-+ | 4-+ | |||||
| GND | 5-GND | 5-GND | |||||
| 14 | 1-CLK A | ||||||
| 34 | 2-DT B | ||||||
| 33 | 3-SW |
dont use 0,2,12,15
(wire colors you can use as desired)
- open filezilla
- put in ip address (select "input level" on remote to see it)
This you need for compiling the code and transferring it to the ESP32.
In a terminal window:
change line 27 in this file: .pio\libdeps\esp32\TFT_eSPI\User_Setup_Select.h to: #include <../../../../src/User_Setup.h>
You can specify the options for the radio in the header file. For both radios an example header file is provided (and you should include one of them in the main1.h file)
- ipodradio.h: this is the first radio example with remote
- portableradio.h: this is the second radio example with rotary buttons
If you want to use a different remote you can replace the remote codes. The platformio will display the remote control code of the button you are pressing in the Serial Monitor. Provide it in the header file (for example ipodradio.h)
This contains the website. In VSCODE: PlatformIO > ESP32 > Platform > Build Filesystem Image, and then Upload Filesystem Image
This will uploade everything in the "data" folder [More] (https://randomnerdtutorials.com/esp32-vs-code-platformio-spiffs/)
When the Radio cannot connect to a wifi access point, it will startup an access point "WIFI_RADIO" Connect with your Phone/Computer to that access point and navigate to 192.168.1.4
Shows the screen with IP address how you can access the webpage.
You can configure the button yourself. In this case it is mapped to the Ipod MENU button.
Or Volume Rotary button press.
Navigate on your phone/computer to the IP address mentioned above. You must be connected to the same WIFI access point. Then go to edit stations and wait until you see the categories dropdown populated. If not after a while, refresh the page. At the top you can add/move the categories. Then select a category and add stations to the table. Use HTTP, not HTTPS links to the streams (this uses more resources and can lead to performance issues). When all is done, press "Save" to upload it to the WIFI Radio. The radio will restart and new stations and categories are available.
This depends on the buttons you want to use of the remote. In this example the stations are selectable by the left-right keys. And the categories by the up-down keys. You can also select with the OK button, see next section.
Turn the Station Rotary button to change the station within the active category. OR click to change to the Categorations menu. Rotate to select a category and then click to activate this category.
Press the STOP button on your remote to mute. Pressing OK starts the stream again.
Press and hold Volume Rotary to mute/unmute. Changing the volume by rotating this rotary button also unmutes.
You can save the radio station which should be used at start up.
You can configure the button yourself. In this case it is mapped to the Auto Preset button.
Press and hold the Station Rotary Button.
Panasonic SC-HC3 It sounds great. It has a radio, CD player and a room for an IPOD behind a sliding door. Fits all the components needed. You can:
- Remove all internals and use the speakers and housing only. You need to add an amplifyer then. And you can only use it as an internet radio
- Keep everything working and build it in the docking station compartment and use an external USB charger.
I opted for the second option as I also want to be able to use the CD player still.
You first need to find a case where you can contain the components in. I used a old VHS tape case as the thickness is just right.
- cut it to size with a jigsaw/sharp (hot)knife
- cut out the hole for the LCD screen and a small hole for the IR led
- (hot) glue the display to the bottom and the card reader to one of the sides
- then fit in the audio board at the bottom and finally put the ESP32 on top
First remove the speaker grills, they are clipped on, so just pull them off.
Then move the sliding door into the CD open position by pressing CD OPEN. Then on the CD side, put your finger under the door at the right side and bend the middle of the door towards you (away from the radio) then you can slide it further to the left.
OR
Look at the underside of the door and see the indent where you can see a white gear. Move it to one side with a screw driver, until you free up the door so you can slide it to one side.
Then remove the 5 screws and also the 8 small screws of the silver top and bottom edges.
You can also remove the ipod connector adapter, so you have room to remove the docking adaptor piece at the bottom, so freeing up some more space. It is probably not needed to do. If you remove the docking adaptor, notice the switch at the bottom right. You eighter need to short the connection from the inside, or glue the switch in the closed position. If you do not do this the radio thinks the docking station is open and it gives an error message so the sliding door does not work.
Then drill a hole large enough for the audio cable and the usb cable from the front side, and a hole from the backside.
- Power the ESP32 via the IPOD docking connector wires. This can be risky as the available power is only 0.5A, and I am not sure how much the ESP with screen etc is drawing.
- Connect to the AUX port internally instead of using a cable running outside the case.
Remove screws at the bottom. Also the 2 knobs and screws at the top and lift the whole top. Then buy a piece of plexiglass, and make it the fit the top properly, cut 3 holes (1 for antenna, 2 for the rotary knobs). Paint the backside of the plexiglass black or any other color, leaving the room free for the LCD screen, by covering the space when painting. If the edges are not perfect, you can use a black permanent marker to touch up. Then solder everything etc.
