|
ESP32 dev kit board |
x 1 | |
|
ILI9341 TFT Display 2.8 inch |
x 1 | |
|
TEA5767 Radio module |
x 1 | |
|
Rotary encoder with push button |
x 1 | |
|
Small D-class audio amplifier board |
x 1 | |
|
and Speaker |
x 1 |
![]() |
arduino IDEArduino
|
|
![]() |
Soldering Iron Kit |
Linear Scale ТЕА5767 FM Radio on ili9341 TFT Display
This time I will present you how to make a simple FM Radio with a beautiful retro look linear scale. The idea for the project was taken from the Volos Projects channel, where is presented the code that was specially made for the LilyGO T-Embed device, which has a TFT screen with a resolution of 320 x 170 pixels.
I just adapted the code for the ILI9341 TFT Display which has a resolution of 320×240 pixels powered by an ESP32 dev kit module. The radio interface is the same, and in the remaining part of the screen I added a small clock that shows the time. Actually, as a beginner in programming, I did a little practice drawing figures and placing text on the Display. The way the scale moves is especially effective for me as a big fan of retro radios. For the FM radio part, the TEA5767 radio module is used, which is characterized by good features and a relatively low price.
I was currently using a board without an audio amplifier, although there is also a board with a built-in stereo amplifier. In that part I use a PAM8304 amplifier module and a custom made small sound box.
If you want to make a PCB for this project, or for any other electronic project, PCBway is a great choice for you. PCBway is one of the most experienced PCB manufacturing company in China in field of PCB prototype and fabrication. They have a large online community where you can find a Open Source projects, and you can also share your project there. From my personal experience I can tell you that on this community you can find many useful projects
Well, as you can see, the device is very simple to build and consists of several components:
- ESP32 dev kit board
- ILI9341 TFT Display 2.8 inch
- TEA5767 Radio module
- Rotary encoder with push button
- Small D-class audio amplifier board
- and Speaker
A few notes about compiling and uploading the code. In order for the code to run without errors, you should use the libraries provided with the code, as they have been modified (TFT_eSPI) specifically for this project.
Аnd now let's see how the device works in reality:
The most striking part of the display is the linear scale that moves with the rotation of the rotary encoder. Then in the middle of the display is the selected frequency, the signal strength icon, as well as the stereo reception and "mute" mark. On the upper left part are the frequencies with the names of favorite stations, which for now are just information, and could be memorized in a future version of the software. Also the battery capacity icon is currently not working. In the lower part under the radio there is a clock that synchronizes with the PC clock when uploading the code.
Finally, the device is installed in a suitable housing made of PVC plastic with a thickness of 5 and 3 mm, and covered with colored self-adhesive wallpaper.
#include <Wire.h>
#include <TEA5767.h>
#include <TFT_eSPI.h>
#include <RotaryEncoder.h>
#include <SPI.h>
#define TFT_GREY 0x5AEB
TFT_eSPI tft = TFT_eSPI();
TFT_eSprite spr = TFT_eSprite(&tft);
#define PIN_IN1 16
#define PIN_IN2 17
RotaryEncoder encoder(PIN_IN1, PIN_IN2, RotaryEncoder::LatchMode::TWO03);
#define color1 0xC638
#define color2 0xC638
int value=980;
int minimal=880;
int maximal=1080;
int strength=0;
String sta[6]={"Ant.5","92.0","Metro","94.8","Super","97.0"};
float freq=0.00;
TEA5767 radio = TEA5767();
bool muted=0;
int deb=0;
uint32_t targetTime = 0; // for next 1 second timeout
static uint8_t conv2d(const char* p); // Forward declaration needed for IDE 1.6.x
uint8_t hh = conv2d(__TIME__), mm = conv2d(__TIME__ + 3), ss = conv2d(__TIME__ + 6); // Get H, M, S from compile time
byte omm = 99, oss = 99;
byte xcolon = 0, xsecs = 0;
unsigned int colour = 0;
void setup() {
tft.begin();
tft.writecommand(0x11);
tft.setRotation(1);
tft.fillScreen(TFT_BLACK);
tft.setTextSize(1);
tft.setTextColor(TFT_WHITE, TFT_BLACK);
targetTime = millis() + 1000;
pinMode(0, INPUT_PULLUP);
Wire.begin(21,22);
spr.createSprite(320,170);
spr.setTextDatum(4);
spr.setSwapBytes(true);
spr.setFreeFont(&Orbitron_Light_24);
spr.setTextColor(color1,TFT_BLACK);
drawSprite();
}
void readEncoder() {
static int pos = 0;
encoder.tick();
if(digitalRead(0)==0){
if(deb==0){
deb=1;
muted=!muted;
radio.setMuted(muted);
drawSprite();
delay(200);
}
}else deb=0;
int newPos = encoder.getPosition();
if (pos != newPos) {
if(newPos>pos)
value=value-1;
if(newPos<pos)
value=value+1;
pos = newPos;
drawSprite();
}
}
void drawSprite()
{
freq=value/10.00;
if(muted==false)
radio.setFrequency(freq);
strength=radio.getSignalLevel();
spr.fillSprite(TFT_BLACK);
spr.setTextColor(TFT_WHITE,TFT_BLACK);
spr.drawFloat(freq,1,160,64,7);
spr.setFreeFont(&Orbitron_Light_24);
spr.drawString("FM Radio",160,12);
spr.drawString("STATIONS",38,14,2);
spr.drawRoundRect(1,1,76,110,4,0xAD55);
spr.drawRoundRect(240,20,76,22,4,TFT_WHITE);
spr.drawRect(290,6,20,9,TFT_WHITE);
spr.fillRect(291,7,12,7,0x34CD);
spr.fillRect(310,8,2,5,TFT_WHITE);
spr.setTextFont(0);
spr.setTextColor(0xBEDF,TFT_BLACK);
for(int i=0;i<6;i++){
spr.drawString(sta[i],38,32+(i*12));
spr.fillCircle(16,31+(i*12),2,0xFBAE);
}
spr.setTextColor(TFT_WHITE,TFT_BLACK);
spr.drawString("SIGNAL:",266,54);
spr.drawString("MUTED",260,102,2);
spr.fillRoundRect(288,96,20,20,3,0xCC40);
if(muted==1)
spr.fillCircle(297,105,6,TFT_WHITE);
for(int i=0;i<strength;i++)
spr.fillRect(244+(i*4),80-(i*1),2,4+(i*1),0x3526);
spr.fillTriangle(156,104,160,114,164,104,TFT_RED);
int temp=value-20;
for(int i=0;i<40;i++)
{
if((temp%10)==0){
spr.drawLine(i*8,170,i*8,140,color1);
spr.drawLine((i*8)+1,170,(i*8)+1,140,color1);
spr.drawFloat(temp/10.0,1,i*8,130,2);
}
else if((temp%5)==0 && (temp%10)!=0)
{spr.drawLine(i*8,170,i*8,150,color1);
spr.drawLine((i*8)+1,170,(i*8)+1,150,color1);
//spr.drawFloat(temp/10.0,1,i*8,144);
}
else
{spr.drawLine(i*8,170,i*8,160,color1);}
temp=temp+1;
}
spr.drawString("Stereo: "+String(radio.isStereo()),275,31,2);
spr.drawLine(160,114,160,170,TFT_RED);
spr.pushSprite(0,0);
}
void loop() {
readEncoder();
if (targetTime < millis()) {
// Set next update for 1 second later
targetTime = millis() + 1000;
tft.setFreeFont(&Orbitron_Light_24);
tft.drawString("Time :", 17,186);
tft.drawRoundRect(5,175,310,57,8,TFT_WHITE);
//tft.drawRoundRect(240,20,76,22,4,TFT_WHITE)
// Adjust the time values by adding 1 second
ss++; // Advance second
if (ss == 60) { // Check for roll-over
ss = 0; // Reset seconds to zero
omm = mm; // Save last minute time for display update
mm++; // Advance minute
if (mm > 59) { // Check for roll-over
mm = 0;
hh++; // Advance hour
if (hh > 23) { // Check for 24hr roll-over (could roll-over on 13)
hh = 0; // 0 for 24 hour clock, set to 1 for 12 hour clock
}
}
}
// Update digital time
int xpos = 110;
int ypos = 183; // Top left corner ot clock text, about half way down
int ysecs = ypos; // + 24;
if (omm != mm) { // Redraw hours and minutes time every minute
omm = mm;
// Draw hours and minutes
if (hh < 10) xpos += tft.drawChar('0', xpos, ypos, 6); // Add hours leading zero for 24 hr clock
xpos += tft.drawNumber(hh, xpos, ypos, 6); // Draw hours
xcolon = xpos; // Save colon coord for later to flash on/off later
xpos += tft.drawChar(':', xpos, ypos - 8, 6);
if (mm < 10) xpos += tft.drawChar('0', xpos, ypos, 6); // Add minutes leading zero
xpos += tft.drawNumber(mm, xpos, ypos, 6); // Draw minutes
xsecs = xpos; // Sae seconds 'x' position for later display updates
}
if (oss != ss) { // Redraw seconds time every second
oss = ss;
xpos = xsecs;
if (ss % 2) { // Flash the colons on/off
tft.setTextColor(0x39C4, TFT_BLACK); // Set colour to grey to dim colon
tft.drawChar(':', xcolon, ypos, 6); // Hour:minute colon
xpos += tft.drawChar(':', xsecs, ysecs, 6); // Seconds colon
tft.setTextColor(TFT_WHITE, TFT_BLACK); // Set colour back to yellow
}
else {
tft.drawChar(':', xcolon, ypos, 6); // Hour:minute colon
xpos += tft.drawChar(':', xsecs, ysecs, 6); // Seconds colon
}
//Draw seconds
if (ss < 10) xpos += tft.drawChar('0', xpos, ysecs, 6); // Add leading zero
tft.drawNumber(ss, xpos, ysecs, 6); // Draw seconds
}
}
}
// Function to extract numbers from compile time string
static uint8_t conv2d(const char* p) {
uint8_t v = 0;
if ('0' <= *p && *p <= '9')
v = *p - '0';
return 10 * v + *++p - '0';
}

Linear Scale ТЕА5767 FM Radio on ili9341 TFT Display
- Comments(0)
- Likes(0)
- 0 USER VOTES
- YOUR VOTE 0.00 0.00
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
More by Pavleski
-
DIY Arduino Holographic Matrix Clock This is another in my series of unusual DIY clocks, this time realized based on the holographic eff...
-
Arduino Connect4 Game- Human vs Microcontroller Connect Four is a two-player strategy game in which the players take turns dropping colored discs i...
-
DIY Simplest Multistage Ion Thrust Plasma Engine An ion thruster (also known as ion engines) is a type of propulsion system that generates thrust by...
-
Mini Cyclone Game on WS2812 LED Ring and Arduino Nano This game is based on the Cyclone arcade game, where the player tries to stop an led scrolling arou...
-
DIY Sensitive STM32 Pulse Indiction Metal Detector (Arduino IDE) This time I will show you how to make a sensitive Pulse Induction metal detector which is based on ...
-
Simple ESP8266 NTP Clock on VFD Display VFD256x50 GP1287 A VFD (Vacuum Fluorescent Display) is an electronic display device that is commonly used for displa...
-
Arduino Tachometer (RPM meter) with IR sensor module A tachometer is an instrument measuring the rotation speed of a shaft or disk, as in a motor or oth...
-
Simple Inverters 12V to 220V , comparision, testing, and real characteristics This time I will explain two of the simplest ways to make a 12V to 220V inverter, one with transist...
-
DIY Connect 4 Game on 2.8 inch TFT touch Display Connect Four is a two-player connection rack game, in which the players choose a color and then ta...
-
Simple TEF6686 Arduino + PC AM-FM Radio Receiver This time I will prtesent you how to make a AM/FM Radio, based on radio module with TEF6686 chip fr...
-
ESP8266 Word Clock on 16x16 Led Matrix Word Clock is a special type of clock where the current time is highlighted within a set of words ...
-
How to make simplest Arduino European Roulette Game ( 37 Leds ) Roulette is a casino game named after the French word meaning little wheel which was likely develop...
-
DIY Advanced Plasma Rife Machine Royal Raymond Rife was a scientist, inventor and medical researcher (1888-1971). He is known for hi...
-
ESP32 Internet Radio, MP3 Player , and Alarm Clock Internet radio (also web radio, net radio, streaming radio, e-radio, IP radio, online radio) is a ...
-
DIY Lakhovsky MWO (Milti Wave Oscollator) device, detailed informations, facts, analysis Georges Lakhovsky (1869–1942) was a Russian scientist, philosopher, and inventor who lived in the e...
-
Arduino Barometer + Barograph with BME280 Sensor A barograph is a barometer that records the barometric pressure over time in graphical form. This ...
-
The simplest way to make a quality HV (High Voltage) source from a PC power supply This time I will present you how to make a quality High Voltage source in a very simple way. For thi...
-
Simplest way to make Induction Heater, Power Supply, and HV Source from CFL Bulb Ballast This time I will present you an interesting way to use the PCB board from an old CFL bulb to make s...
-
-
-
-
-
-
-
-
-
-
ESP32-S Development Board, in "Arduino Uno" form factor
4135 4 16