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.
• 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.
• 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: 1.4.4 - 20260224 (Final)