Informationen

Einleitung

Diese kleine Sammlung enthält eine Liste von 29 Hörspielen, die von Menschen in meinem Umfeld gerne gehört werden und über den Streamingdienst Apple Music verfügbar sind. Das Genre der Hörspiele ist in der hauseigenen App von Apple etwas versteckt. Entweder navigiert ihr euch in der App zum Genre oder ihr folgt einfach dem Link, um das inzwischen große Angebot an Hörspielen auszuwählen.

So kommst du an die komplette Sammlung...

Leider bietet die „Apple Music"-App keine einfache Möglichkeit, sich eine komplette Albensammlung einer bestimmten Hörspielserie als Liste anzeigen zu lassen. Daher sind App-Nutzer gezwungen, sich umständlich durch die Menüstruktur zu hangeln. Aber keine Sorge, ich zeige euch, wie ihr zu einer bestimmten Alben-Kollektion der gewünschten Hörspielreihe kommt.

Klickt in meiner Hörspiel-Liste auf die Schaltfläche „In Apple Music öffnen ➔" direkt neben dem Mini-Logo von Apple Music. In der Apple Music App angekommen, tippt hier kurz auf den roten „Interpretennamen" des Albums direkt unter dem Titel mit Coverbild. Im zweiten Schritt tippt ihr etwas weiter unten auf den Schriftzug „Alben >", um schließlich alle Alben angezeigt zu bekommen.

Icon Design

Da ich Erdmännchen (engl. Meerkats) besonders mag, habe ich das possierliche Tierchen als zentrales Motiv für das Icon meiner Hörspielwerk-App gewählt. Das freundliche Erdmännchen trägt große Kopfhörer, was einen klaren Hinweis auf die Welt der Hörspiele und des Audiogenusses darstellt.

Der Hintergrund orientiert sich an den typischen, lebendigen Farbverläufen, wie man sie aus dem Apple-Music-Universum kennt: kräftige Pink-, Rot- und Violetttöne, die Dynamik und Kreativität ausstrahlen. Das Erdmännchen selbst ist in einem niedlichen, modernen 3D-Animationsstil gestaltet, der stark an den warmen, detailreichen Charakter-Look aus diversen Animationsfilmen erinnert.

Die Idee für dieses Icon stammt vollständig aus meiner eigenen Feder – vom Konzept über die Tierwahl bis hin zur stilistischen Ausrichtung. Es verbindet meine Begeisterung für Erdmännchen mit meiner Leidenschaft für Hörspiele und schafft so ein sympathisches und einprägsames Markenzeichen für meine WebApp.

Technische Spezifikationen

• ➔ Frontend Specs
• System: PHP Front- und Backend mit Datenbank
• Skript-Sprache: Komplett in HTML5, CSS3 in der aktuellen iOS-Design-Sprache.
• Features: Light-/Darkmode-Support, Auto-Backup, Responsive Design
• Grid-System: Smartphone-Ansicht bis max. 600px Breite einspaltig; ab dem Breakpoint von 768px automatischer Wechsel zum Tablet/Desktop-Layout mit 2 Spalten auf bis zu 1000px Gesamtbreite.
• Dynamisches Cover-Modal: Das Archiv bietet eine sogenannte Lightbox, in der das Erstcover einer Serie als Orientierungshilfe dient. Das Cover kann so per einfachem Klick oder Touchgeste als Vorschaubild mit einer Auflösung von maximal 512 px vergrößert werden. Warum wird als Orientierungshilfe nur das allererste Coverbild einer Serie mit einer Größe von bis zu 512 Pixeln verwendet und nicht das jeweils neue Cover jeder Folge? Der Grund liegt in der serverseitigen Effizienz: So bleibt das Backend vom Hörspielwerk technisch schlank und ressourcenschonend.
• Sorting Logic: Intelligente alphabetische Serien-Sortierung kombiniert mit chronologischer Folgen-Historie.
• Smart History Truncation: Die Auto-Kürzung auf die letzten drei Folgen sorgt für mehr Übersicht. Auf Wunsch ist eine Volldarstellung pro Container per Dropdown möglich.
• Smart Release-Radar: Ein dynamisches, einklappbares Vorschau-Modul. Es listet kommende Folgen aus meiner händisch gepflegten Datenbank mit Release-Terminen für neue Abenteuer.
• Smart-Analytics: Automatisierte Berechnung der durchschnittlichen Veröffentlichungs-Zyklen pro Serie. Das System analysiert die historischen Release-Abstände der Datenbank und kalkuliert dynamisch das VÖ-Intervall in Tagen und Monaten.
• Heimisch: Einzelne Text-Elemente verraten, wo ick herkomme, da kiekt dann meen Berlinerisch durch.
• Floating Navigation Dock: Ein Dock im Apple-iOS-Stil mit leichtem Blur- und Transparenzeffekt, das am unteren Bildschirmrand schwebt und auf den Archiv- und Info-Seiten die Navigation sowie den Wechsel zwischen Light- und Dark-Mode bereitstellt. Es berücksichtigt die Safe Area des iPhones, verhält sich im installierten WebApp-Modus wie eine native App-Tab-Bar und passt sich dynamisch dem Farbschema an.
• Pull to Refresh: Nur als WebApp mit Standalone-Check verfügbar.
• Meilenstein-Board: Wie im Admin-Backend gibt es das Statistik-Board jetzt auch für die Hauptseite – direkt unter dem letzten Serien-Container. Auf einen Blick werden drei wichtige Kennzahlen aus dem Archiv angezeigt: die Anzahl der eingetragenen Folgen, der aktuelle Meilenstein-Rang und die drei stärksten Serien der Archiv-Sammlung. Ein animierter Fortschrittsbalken visualisiert zudem punktgenau die Annäherung an das nächste Etappenziel. Dank des nahtlosen Designs und eines passenden Icon-Sets fügt sich die Box perfekt in das Gesamtbild des Hörspielwerks ein und passt sich automatisch dem Light- sowie Dark-Mode an.
  Rang 0 - Starter: 🥚
  Rang 1 - Meilenstein: 🐣
  Rang 25 - Meilenstein: 🐥
  Rang 50 - Meilenstein: 🦶
  Rang 100 - Meilenstein: 🪙
  Rang 250 - Meilenstein: 🥇
  Rang 500 - Meilenstein: 🥈
  Rang 750 - Meilenstein: 🥉
  Rang 1000 - Meilenstein: 🏅
  Rang 1250 - Meilenstein: 🎖️
  Rang 1500 - Meilenstein: 🏆
  Rang 1750 - Meilenstein: 🔱
  Rang 2000 - Meilenstein: 👑
• Optimierung: Fully Responsive & iOS Web-App Ready
• ➔ Backend Specs
• Security: Im Adminbereich gibt es acht Sicherheitsmerkmale. Darunter ist zum Beispiel ein Verzeichnisschutz via .htaccess zum Schutz der Rohdaten. Zusammen bilden sie einen Schutzmechanismus gegen Angriffe. Die weiteren sieben Sicherheitsmerkmale werden selbstverständlich nicht preisgegeben.
• Logik-Stabilisierung: Im Backend wurde die Logik zum Verschieben von Einträgen aus dem Radar in den Verlauf stabilisiert. Da das „Up Next Radar“ im Dashboard chronologisch nach Datum sortiert ausgegeben wird, stimmte der Anzeige-Index nicht immer mit der tatsächlichen Position in der „Bald verfügbar“-Datei überein. Um Fehlbuchungen zu verhindern, wird beim Laden der Daten jedem Eintrag eine „_temp_id” zugewiesen. Diese fixiert den ursprünglichen Dateizustand. Diese ID wird beim Verschieben als Referenz genutzt, um exakt den richtigen Datensatz zu greifen. Ein automatischer Bereinigungs-Schritt sorgt dafür, dass dieses Hilfsfeld vor dem Speichern in der Gehörts-Datei entfernt wird, damit die Datenbanken dauerhaft sauber und schlank bleiben.
• Statistik-Board: Das Backend bietet eine kompakte Kommandozentrale für den Fortschritt. Direkt nach dem Login werden in einem 2x3-Grid alle wichtigen Kennzahlen auf einen Blick angezeigt. Neben der Gesamtzahl der gehörten Folgen und dem Backup-Status (inklusive Zeitstempel der letzten Sicherung) bildet das dynamische Meilenstein-System das Herzstück. Es erkennt automatisch den aktuellen Rang (von „Küken“ bis „Königskrone“) und visualisiert über eine Prozentleiste mit Echtzeitberechnung, wie nah man dem nächsten Etappenziel ist. Ergänzt wird die Übersicht durch eine Anzeige der drei meistgehörten Serien, die automatisch die Cover der entsprechenden Hörspiele einblendet, sowie einen Radar-Counter, der sofort warnt, wenn Veröffentlichungen heute oder in der Vergangenheit fällig sind.
• Dynamisches Serien-Management: Das Admin-Backend verfügt über ein dynamisches Serien-Management mit automatischer ID-Generierung. Dabei werden Seriennamen in saubere, systemkonforme Schlüssel für Datensätze und Bilddateien umgewandelt. Beim Anlegen einer Serie werden Cover-Uploads direkt validiert, umbenannt und mit dem Datensatz verknüpft. Die integrierte Lösch-Logik arbeitet kaskadierend: Beim Entfernen einer Serie werden die Stammdaten, das physische Cover-Bild sowie sämtliche zugehörigen Einträge in der Historie und im Radar simultan gelöscht. Diese strikte Datenhygiene verhindert verwaiste „Unbekannt"-Einträge und sorgt in Kombination mit einem Sicherheitsfilter im Frontend für ein stets konsistentes und fehlerfreies Archiv.

CREDITS

Script coding, graphics, texts and design by
www.anb030.de

Programmiert mit Liebe ♡

Version: 2.5.1 - 20260311 (Final)