🚀 NextLife Music — PWA Update Version 10

Die neue NextLife Music PWA v10 ist jetzt verfügbar und bringt massive Verbesserungen für mobile Geräte, iOS, Android, Windows und macOS mit sich.
Der Fokus dieses Updates liegt auf:

echter App-Experience 📱
stabiler Background-Audio-Wiedergabe 🎵
besserem Offline-Support 🌐
optimierter iOS-Unterstützung 🍎
moderner Installierbarkeit ⚡
📦 Aktualisierte Dateien
🟣 index.php

Ersetzt & erweitert:

OG-Tags
Safe-Area CSS
Offline-Indicator
playsinline Audio
PWA.js Einbindung
🟡 sw.js

Neuer Service Worker nlr-v10:

neue Caching-Strategien
Offline-HTML-Fallback
SKIP_WAITING Support
optimierte Audio-Ausnahmen
🔵 manifest.json

Neue Funktionen:

App-Shortcuts
Share-Target API
Install-Dialog Screenshots
bessere Geräteintegration
🟢 pwa.js (neu)

Komplett neues PWA-Modul:

Install-Banner
iOS-Hinweise
Service-Worker Registrierung
Update-Toasts
Offline-Toasts
Audio-Monitor
✨ Neue Features & Verbesserungen
📲 Install-Banner für Android & Desktop

Nach ca. 30 Sekunden erscheint automatisch ein Installieren-Button mit App-Icon.

Slide-In Animation
automatische Ausblendung nach Installation
native App-Experience
🍎 iOS „Zum Home-Bildschirm“ Hinweis

Spezieller Hinweis für iPhone & iPad Nutzer:

Teilen → Zum Home-Bildschirm

Features:

erscheint automatisch
maximal 3x pro Gerät
schließt sich automatisch
🔄 Service Worker Update-Benachrichtigung

Wenn ein neues Update verfügbar ist:

Toast-Benachrichtigung erscheint
„Jetzt laden“ Button
automatisches Reload möglich
🌐 Offline / Online Status-System

Neue Netzwerk-Erkennung:

„Offline“-Hinweis
„Wieder online“-Benachrichtigung
roter Offline-Indikator
🎵 Silent Audio Verbesserung (iOS Fix)

Wichtige Optimierung für iOS:

Audio bleibt im Sperrbildschirm aktiv
bessere MediaSession-Stabilität
weniger Unterbrechungen
🔊 Verbesserter Background Audio Monitor

Neue Audio-Überwachung:

erkennt Fokuswechsel
reagiert auf Telefonunterbrechungen
automatische Wiederherstellung der Wiedergabe
📱 Splash-Screens für alle iOS Geräte

Automatische Startup-Screens für:

iPhone
iPad
Dynamic Island Geräte
große & kleine Displays

Kein weißes Flackern mehr beim App-Start.

🔗 Share Target API & App Shortcuts

NextLife Music kann jetzt direkt Inhalte empfangen.

Neue App-Shortcuts:

▶️ Play
📚 Library
🧩 Safe-Area Insets vollständig unterstützt

Optimiert für:

iPhone Notch
Dynamic Island
Standalone-Modus

CSS Variablen:

--safe-top
--safe-right
--safe-bottom
--safe-left
✨ Neuer Glassmorphism Mobile Player

Moderner Mobile-Look:

Blur-Effekte
animierte Now-Playing Bars
native App-Optik
🔔 Verbesserte Push-Notification UI

Neue Statusanzeigen:

🟢 aktiv
🔴 blockiert
🟠 eingeschränkt

Mit direkten Aktionen:

▶️ Abspielen
❌ Schließen
💻 Unterstützte Plattformen
Plattform Status
iPhone ✅ Voll
Android ✅ Voll
Windows ✅ Voll
macOS ✅ Voll
Tablets ✅ Voll
⚙️ Service Worker Cache-System (v10)
Typ Strategie
Audio-Dateien keine Interception
API/Admin Network First
CDN Assets Cache First
Bilder/CSS/JS Cache First
PHP Seiten Network First
HTML Stale-While-Revalidate
🛠 Installation
Schritt 1

Alle 4 Dateien per FTP/SFTP ersetzen:

index.php
sw.js
manifest.json
pwa.js
Schritt 2

Browser Hard-Reload durchführen:

STRG + SHIFT + R

Danach wird der alte Service Worker automatisch ersetzt.

🔥 Ergebnis

Mit Version 10 wird NextLife Music zu einer nahezu nativen Web-App mit:

stabiler Background-Wiedergabe
verbesserter iOS-Kompatibilität
moderner Install-Funktion
Offline-Unterstützung
optimierter Mobile-UI