Web-Radio Anleitung

Diese Anleitung beschreibt den Aufbau eines WEB Radios. Über einen Drehgeber Encoder sind 20 Radiostationen wählbar. Die Lautstärke wird direkt über das Poti am Audio-Verstärker eingestellt. Das LCD-Display zeigt die gewählte Radio-Station an. Die Radio-Stationen sind über einen WEB-Server abruf- und veränderbar.

Nach dem Einschalten über den Volume-Regler/Schalter, sucht der Mikrocontroller nach einer gültigen WLAN-Verbindung und stellt die zuletzt gewählte Radio-Station ein. Liegt keine gültige WLAN-Verbindung vor, startet der WLAN-Manager. Über die Netzwerkeinstellung des Handys/Tablet kann nach der Auswahl „WEBRADIO“ der WLAN-Manager mit der IP-Adresse 192.168.4.1 aufgerufen werden. Über den WLAN-Manager sind die eigenen WLAN-Zugangsdaten speicherbar. Nach dem speichern der Zugangsdaten startet der Mikrocontroller neu und das LCD-Display zeigt die IP-Adresse des WEB-Servers und danach die gewählte Radio-Station an.

Das WEB-Radio

Hardware

Die Stückliste für das WEB-Radio

• 1 x ESP32 NodeMCU D1 R32
  
• 1 x ESP32 NodeMCU D1 R32 Shield
  
• 1 x ANGEEK Mini PAM8403 Stereo Verstärker 5V 3W+3W
  
• 1 x HD44780 16x2 LCD Modul Display mit I2C Schnittstelle 2x16 Zeichen
  
• 2 x Mini-Lautsprecher 3 Watt 8 Ohm
  
• 1 x KY-040 Drehwinkelgeber Drehgeber Rotary Encoder Modul
  
• 1 x Widerstand 10kΩ
  
• 1 x MT3608 DC-DC Modul (optional)
  
• 1 x Netzteil-Ladegerät, Universal 5V (8,4V)
  
• 1 x Litze 0,2mm2
  
• 1 x Sperrholzplatte 300x600
  
• 1 x Stift/Buchsenleiste
  
• Schaltdraht und Kleber

Aufbau und Montage

Der Aufbau und die Montage des WEB-Radios sind in mehrere Schritte unterteilt.

Schritt 1: Verdrahtung und Lötarbeiten

Stehen keine +5V als Versorgungsspannung zur Verfügung, kommt das MT3606-Modul zum Einsatz. Es wird mit 7-24Volt versorgt. Der +5V-Ausgang wird mit dem Audio-Verstärker verbunden. Der Audio-Verstärker besitzt einen Lautstärkeregler mit Schaltfunktion, diese nutzen wir zum Ein/Ausschalten des WEB-Radios. Die geschalteten +5V greifen wir auf der Unterseite des Audioverstärkers an dem Elko ab.

Löte die Stiftleisten in das ESP-Shield und verdrahte die Bauteile nach dem untenstehenden Bild mit Schaltlitze.

Schritt 2: 3D-Druck

• Je 4 Platinen Füße für den ESP32 und das DC-DC-Modul D=5mm x 5mm
  
• 2 Abstandshalter für das LCD Display:
  
• 1x 4x4x60mm und 1x 4x4x20mm
  
• 2 x Drehknöpfe für den Volume-Regler und den Tuning Drehgeber. Der Achs-Durchmesser der Drehregler beträgt 6mm

Schritt 3: Das Gehäuse

• Erstelle auf Boxes.PY  eine "Basebox" mit den Abmessungen x=200, y=110 und h=130.
  
• Füge in die erstellte SVG-Grafik die Durchbrüche für das LCD-Display, die Lautsprecher und die beiden Löcher D=6mm für
• den Lautstärke-Regler und den Drehgeber ein
  
• Schneide das Gehäuse mit dem Lasercutter aus
  
• Klebe das LCD-Display mit den Abstandshaltern an die Gehäuseinnenwand
  
• Klebe den ESP32 mit dem Abstandshalter auf den Gehäuseboden
  
• Klebe den DC/DC-Wandler auf den Gehäuseboden
  
• Montiere den Audio-Verstärker und den Drehgeber an die Gehäuse-Front
  
• Führe das Netzteilkabel durch die Gehäuse-Rückwand und verlöte es mit den DC/DC-Modul
  
• Verklebe die Gehäuseteile. Die Rückwand wird nicht verklebt

Schritt 4: Inbetriebnahme

• Kontrolliere alle Verbindungen
  
• Lade das WEB-Radio-Programm in den ESP32. Das Programm befindet sich auf deinen Laptop unter der Obercloud/WEB-Radio/
  
• Versorge das WEB-Radio mit Spannung und schalte über den Volume-Regler das WEB-Radio ein
  
• Wähle an deinem Handy/Tablet die Netzwerkverbindung "WEBRADIO"
  
• Gibt in deinem Browser auf der Kommandozeile die IP-Adresse 192.168.4.1 ein
  
• Gib deine WLAN-Zugangsdaten in den WLAN-Manager ein und speichere
  
• Nach dem Start des WEB-Radios siehst du im OLED-Display die IP-Adresse des WEB-Servers und die aktive Radio-Station
  
• Wähle mit den Drehgeber einige Radio-Stationen aus und teste sie
  
• Starte den WEB-Server und teste die Funktionen

Fertig!