💀ISSUE	💬 Forum /Discussion	❔WiKi

This project is based on the blog article "Internet clock radio with touchscreen" by Gerald Lechner / Az-Delivery.	Dieses Projekt basiert auf dem Blogartikel "Internet Radiowecker mit Touchscreen" von Gerald Lechner / Az-Delivery.

Note

Instruction / Anleitung Eine detailierte Anleitung befindet sich hier.

Parts required: / Benötigte Teile:

	Pro	Cheap	Minimal
1 x AZ-Touch MOD mit 2,8" Touchscreen	✅	☑️1xTFT	❌
1 x ESP-32 Dev Kit C V4	✅	✅	✅
2 x I2S 3W MAX98357A	✅	✅	✅(1x)
1 x Lautsprecher Set	✅	✅	✅
1 x Widerstand 470 kOhm	✅	✅	✅(1x470kOhm)
DC Einbaubuchse	✅	❌	❌
1 x LDR	✅	❌	❌
	~95,-	~54,-	~37,-

German Version below / Deutsche Version unten:point_down:

Clock radio

I have extended and adapted this project.

At the time of publishing this blog article, a complete set was available for purchase from AZ-Delivery. Currently this is not offered, but all required parts can be ordered individually.

Additional information::point_down:

Screenshots:point_down:

German Version

Radiowecker

Ich habe dieses Projekt erweitert und angepasst.

Zum Zeitpunkt der Veröffentlichung des Blogartikels gab es ein vollständiges Set bei AZ-Delivery zu kaufen. Aktuell wird dies nicht angeboten, aber alle benötigten Teile können einzeln bestellt werden.

Informationen

Boardverwalter URL: https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

• ESP32 von Espressif Systems

Important

maximal die Version 3.0.0 sonst wird der sketch zu groß.

Boardverwalter Version	Sketchgröße
2.0.17	✅ 1113105
3.0.0	✅ 1288101
3.0.5	❌ 1312869

Bibliotheken:

• Adafruit_ILI9341 by Adafruit Version 1.6.1
• Adafruit_GFX by Adafruit Version 1.11.10
• XPT2046_Touchscreen by Paul Stoffregen Version 1.4.0
• Touchevent by Gerald-Lechner Version 1.3.0
• ESP8266Audio by Earle F. Philhower Version 1.9.9

Screenshots

Bedienungsanleitung

Erste Schritte und Verbindung zum WLAN

1. Gerät einschalten
   Nach dem ersten Start des DIY-Webradios oder wenn das Gerät kein bekanntes WLAN-Netzwerk findet, zeigt das Display die Meldung:

2. Verbindung mit dem Konfigurations-WLAN herstellen
   Auf deinem Smartphone, Tablet oder Computer öffnest du die WLAN-Einstellungen und suchst nach verfügbaren Netzwerken. Wähle das Netzwerk mit der SSID (Netzwerkname) radioweckerconf aus, um dich mit dem Radiowecker zu verbinden. Dies ist ein temporäres Netzwerk, das das Radio erstellt, um die Konfiguration zu ermöglichen.

3. Zugriff auf das Einstellungsmenü
   Sobald die Verbindung hergestellt ist, öffne einen Webbrowser (z. B. Chrome, Firefox, Safari) und gib in der Adressleiste die IP-Adresse 192.168.4.1 ein. Diese IP-Adresse führt dich zur Einstellungsseite des Radios.

4. WLAN-Konfiguration
   Auf der Einstellungsseite wirst du aufgefordert, das WLAN-Netzwerk auszuwählen, mit dem das Radio dauerhaft verbunden werden soll. Wähle dein gewünschtes WLAN-Netzwerk aus und gib das entsprechende Passwort ein. Speichere die Einstellungen.

5. Neustart des Geräts
   Nach der erfolgreichen Konfiguration wird der Radiowecker das temporäre Netzwerk radioweckerconf beenden und sich mit dem neu konfigurierten WLAN-Netzwerk verbinden. Das Radio sollte nun betriebsbereit sein und du kannst Sender auswählen und abspielen.

Fehlerbehebung

• Verbindung fehlgeschlagen
  Falls das DIY-Webradio nach der Konfiguration keine Verbindung zum gewünschten WLAN herstellen kann, wird erneut die Meldung "Nicht verbunden" angezeigt. In diesem Fall wiederhole den Verbindungsprozess.

• WLAN-Netzwerkwechsel
  Solltest du das WLAN-Netzwerk wechseln müssen, kannst du das Gerät zurücksetzen oder einen ähnlichen Prozess durchlaufen, um das temporäre Netzwerk wiederherzustellen und eine neue Konfiguration vorzunehmen.

Anzeige auf dem TFT-Display

1. Statusleiste (oben im Display):

   • Weckerstatus: Ein Symbol zeigt an, ob der Wecker aktiviert oder deaktiviert ist. Ein Glockensymbol, das bei aktivem Wecker orange ist und die nächste Weckzeit anzeigt. Bei deaktiviertem Wecker ist ein rotes, durchgestrichenes Symbol sichtbar.
   • Einschlaftimer: Ein weiteres Symbol zeigt den Status des Einschlaftimers an. Ist der Timer aktiv, erscheint ein "Bett"-Symbol. Wenn der Timer nicht aktiv ist, ist dieses Symbol ausgeblendet.
   • IP-Adresse: Die aktuelle IP-Adresse des Geräts wird angezeigt, um bei Bedarf eine direkte Verbindung oder weitere Einstellungen zu ermöglichen.
   • WLAN-Signalstärke: Die Signalstärke des WLANs wird sowohl als numerischer Wert als auch als farbiges Symbol dargestellt:
     • Grün: Starkes Signal
     • Gelb: Mittelmäßiges Signal
     • Rot: Schwaches Signal

2. Hauptanzeige (mittig im Display):

   • Aktuelle Uhrzeit: Die aktuelle Uhrzeit wird prominent angezeigt, damit sie leicht ablesbar ist.
   • Aktuelles Datum: Unter der Uhrzeit wird das aktuelle Datum angezeigt, damit du sowohl die Zeit als auch das Datum im Blick hast.

3. Lautstärkeregler (unten im Display):

   • Ein Schieberegler für die Lautstärke befindet sich am unteren Rand des Displays. Du kannst den Regler nach links oder rechts schieben, um die Lautstärke des Webradios anzupassen.

4. Radio:

   • Sendername und Titel: Wenn ein Sender gerade läuft, werden hier die Informationen des Senders und des Titels angezeigt.
   • Senderwechsel: Ab Version 3.0.5 ist es möglich, rechts und links zum nächsten aktivierten Sender zu springen, ohne erst auf eine Unterseite schalten zu müssen. Dies erfolgt durch Berührung an den Seiten, 40px jeweils von den Rändern.

5. Anzeige Einstellungs-Seiten:

   • Unterseiten: Durch eine Berührung in die Mitte des Touchscreens wird die Unterseite Radio-Einstellungen angezeigt. Wenn keine Berührung mehr registriert wird, schaltet es automatisch zurück zur Hauptanzeige.

---