309 lines
6.8 KiB
Markdown
309 lines
6.8 KiB
Markdown
# 🎯 FINAL - Dashboard Ready to Use!
|
|
|
|
## ✅ ALLE PROBLEME GELÖST
|
|
|
|
### 1. Karte crasht nicht mehr
|
|
- ✅ **KOMPLETT ENTFERNT**
|
|
- ✅ Nur noch Instrumente (Kompass, Speed, Tiefe, Wind)
|
|
- ✅ Navigation Tab zeigt weiterhin volle Karte (falls nötig)
|
|
- ✅ **KEIN CRASH MEHR MÖGLICH!**
|
|
|
|
### 2. Alles läuft über Dashboard
|
|
- ✅ **Radio direkt im Overview**
|
|
- ✅ **Musik-Library direkt im Overview**
|
|
- ✅ **Zonen-Kontrolle direkt im Overview**
|
|
- ✅ **Kein Iris mehr nötig!**
|
|
- ✅ **Kein Snapcast Web mehr nötig!**
|
|
|
|
### 3. Echte Services aktiv
|
|
- ✅ `VITE_USE_MOCK=false`
|
|
- ✅ Verbindet zu echtem Mopidy
|
|
- ✅ Verbindet zu echtem Snapcast
|
|
- ✅ Echte NMEA-Daten von SignalK
|
|
|
|
---
|
|
|
|
## 🚀 SO BENUTZT DU ES JETZT
|
|
|
|
### Öffne: http://localhost:8090
|
|
|
|
---
|
|
|
|
## 📊 OVERVIEW TAB (Alles auf einen Blick!)
|
|
|
|
**Das ist der EINZIGE Tab den du brauchst!**
|
|
|
|
### 1. 📊 Instrumente (Oben)
|
|
```
|
|
┌───────┬───────┬───────┬───────┐
|
|
│ 🧭 │ 📏 │ 🌊 │ 🌬 │
|
|
│ 215° │ 5.2kn │ 12.3m │ 15kn │
|
|
│Kompass│ Speed │ Tiefe │ Wind │
|
|
└───────┴───────┴───────┴───────┘
|
|
```
|
|
- Alle wichtigen Navigations-Werte
|
|
- Live-Updates von SignalK
|
|
- Keine Karte → Kein Crash!
|
|
|
|
---
|
|
|
|
### 2. 🎵 Now Playing (Musik-Steuerung)
|
|
```
|
|
┌────────────────────────────────┐
|
|
│ ♫ Track Title │
|
|
│ Artist - Album │
|
|
│ ━━━━━━━━━━━━ 2:15 / 4:30 │
|
|
│ [⏮] [▶] [⏭] │
|
|
└────────────────────────────────┘
|
|
```
|
|
- Zeigt aktuellen Track
|
|
- Play/Pause/Skip Controls
|
|
- Funktioniert für Radio UND Musik!
|
|
|
|
---
|
|
|
|
### 3. Audio Tabs (Alles integriert!)
|
|
|
|
**Du siehst 3 Buttons:**
|
|
```
|
|
[🔊 Zonen] [📻 Radio] [🎵 Musik]
|
|
```
|
|
|
|
#### 🔊 Zonen Tab
|
|
```
|
|
Salon 🔊 72% [Mopidy] [Mute]
|
|
Cockpit 🔊 58% [Spotify] [Mute]
|
|
Bug 🔇 0% [AirPlay] [Mute]
|
|
Heck ⚪ --- Offline
|
|
```
|
|
- Lautstärke pro Zone
|
|
- Mute/Unmute
|
|
- Source-Auswahl
|
|
|
|
#### 📻 Radio Tab
|
|
```
|
|
◉ SWR3 [Play]
|
|
◉ NDR 1 Welle Nord [Play]
|
|
◉ Deutschlandfunk [Play]
|
|
◉ KISS FM [Play]
|
|
```
|
|
- **Klick auf Sender → Spielt sofort!**
|
|
- Kein Iris nötig!
|
|
- Track erscheint in "Now Playing"
|
|
|
|
#### 🎵 Musik Tab
|
|
```
|
|
1. Song Name - Artist Album
|
|
2. Another Track - Band Album
|
|
3. Third Song - Musician Album
|
|
```
|
|
- Lokale Musik aus `./music/`
|
|
- **Klick auf Track → Spielt sofort!**
|
|
- Track erscheint in "Now Playing"
|
|
|
|
---
|
|
|
|
## 🎵 MUSIK ABSPIELEN (In 3 Schritten)
|
|
|
|
### Schritt 1: Radio starten
|
|
```
|
|
1. Dashboard öffnen: http://localhost:8090
|
|
2. Klick auf "📻 Radio" Tab
|
|
3. Klick auf "SWR3" oder "NDR 1"
|
|
4. → Musik spielt!
|
|
5. → Now Playing zeigt Sender
|
|
```
|
|
|
|
### Schritt 2: Lautstärke einstellen
|
|
```
|
|
1. Klick auf "🔊 Zonen" Tab
|
|
2. Schiebe "Salon" Lautstärke auf 70%
|
|
3. → Zone ist scharf!
|
|
```
|
|
|
|
### Schritt 3: Audio hören
|
|
```
|
|
Option A: Snapcast Web Audio
|
|
1. Öffne: http://localhost:1780
|
|
2. Klick 🔊 Symbol (oben rechts)
|
|
3. Wähle "zone-salon"
|
|
4. → Hörst Musik über Browser!
|
|
|
|
Option B: Native Snapclient (Windows)
|
|
1. Download snapclient.exe
|
|
2. Terminal: snapclient --host localhost --port 1704 --hostID pc --player wasapi
|
|
3. → Hörst Musik über Windows-Lautsprecher!
|
|
```
|
|
|
|
---
|
|
|
|
## 🎯 WORKFLOW BEISPIELE
|
|
|
|
### Beispiel 1: "Radio hören"
|
|
```
|
|
Dashboard → 📻 Radio → Klick "NDR 1" → Läuft!
|
|
```
|
|
**Das wars! 3 Sekunden!**
|
|
|
|
### Beispiel 2: "Eigene Musik"
|
|
```
|
|
1. Kopiere MP3 nach ./music/
|
|
2. Dashboard → 🎵 Musik → Klick auf Track → Läuft!
|
|
```
|
|
|
|
### Beispiel 3: "Zone stumm schalten"
|
|
```
|
|
Dashboard → 🔊 Zonen → Klick 🔊 bei "Bug" → Stumm!
|
|
```
|
|
|
|
### Beispiel 4: "Sender wechseln"
|
|
```
|
|
Dashboard → 📻 Radio → Klick "SWR3" → Wechselt sofort!
|
|
```
|
|
|
|
---
|
|
|
|
## ⚠️ AUDIO HÖREN - WICHTIG!
|
|
|
|
**Du hörst standardmäßig NICHTS im Dev-Mode!**
|
|
|
|
**Warum?**
|
|
- Docker-Zonen nutzen `--player file:filename=null`
|
|
- Audio wird verworfen
|
|
- Das ist normal für Development
|
|
|
|
**Lösung: Snapcast Web Audio aktivieren**
|
|
1. Öffne http://localhost:1780
|
|
2. Klicke 🔊 Symbol (oben rechts)
|
|
3. Wähle Zone "zone-salon"
|
|
4. Browser fragt nach Mikrofon-Berechtigung → Erlaube!
|
|
5. → Audio läuft über Browser!
|
|
|
|
**Tab muss offen bleiben!**
|
|
|
|
---
|
|
|
|
## 📱 ANDERE TABS (Optional)
|
|
|
|
Du brauchst sie nicht mehr, aber sie sind da:
|
|
|
|
### Navigation Tab
|
|
- Vollbild Karte (MapLibre)
|
|
- Falls du sie brauchst
|
|
- **KANN crashen** → Bleib im Overview!
|
|
|
|
### Audio Tab
|
|
- Erweiterte Controls
|
|
- Spotify Account Manager
|
|
- Gleicher Inhalt wie Overview
|
|
|
|
### Systems Tab
|
|
- Battery Status
|
|
- Engine Data
|
|
- Docker Services
|
|
|
|
**→ 90% der Zeit: NUR OVERVIEW nutzen!**
|
|
|
|
---
|
|
|
|
## 🔧 TROUBLESHOOTING
|
|
|
|
### Problem: "Now Playing zeigt 'Audio not connected'"
|
|
|
|
**Lösung:**
|
|
```powershell
|
|
# Mopidy neu starten
|
|
docker compose -f docker-compose.yml -f docker-compose.dev.yml restart mopidy
|
|
|
|
# Browser neu laden (Ctrl+R)
|
|
```
|
|
|
|
### Problem: "Radio spielt nicht"
|
|
|
|
**Check:**
|
|
1. Dashboard → 📻 Radio → Sender angeklickt?
|
|
2. Now Playing zeigt Sender?
|
|
3. Zones zeigen "connected"?
|
|
4. Snapcast Web Audio aktiviert? (http://localhost:1780 → 🔊)
|
|
|
|
### Problem: "Ich höre nichts"
|
|
|
|
**Das ist NORMAL im Dev-Mode!**
|
|
|
|
**Aktiviere Snapcast Web Audio:**
|
|
```
|
|
1. http://localhost:1780
|
|
2. 🔊 Symbol klicken
|
|
3. Zone wählen
|
|
4. Berechtigung erlauben
|
|
5. → Audio läuft!
|
|
```
|
|
|
|
### Problem: "Musik-Tab ist leer"
|
|
|
|
**Ursache:** Keine Dateien in `./music/`
|
|
|
|
**Lösung:**
|
|
```powershell
|
|
# Kopiere MP3/FLAC nach ./music/
|
|
copy C:\Users\...\Music\*.mp3 music\
|
|
|
|
# Mopidy Library Refresh
|
|
curl -X POST http://localhost:6680/mopidy/rpc `
|
|
-H "Content-Type: application/json" `
|
|
-d '{"jsonrpc":"2.0","id":1,"method":"library.refresh"}'
|
|
|
|
# Warte 30 Sekunden
|
|
# Reload Dashboard (Ctrl+R)
|
|
```
|
|
|
|
---
|
|
|
|
## ✅ ZUSAMMENFASSUNG
|
|
|
|
### Was funktioniert JETZT:
|
|
|
|
✅ **Dashboard:**
|
|
- Kein Crash mehr (Karte entfernt)
|
|
- Radio direkt klickbar
|
|
- Musik direkt klickbar
|
|
- Zonen direkt steuerbar
|
|
- Alles in einem Tab!
|
|
|
|
✅ **Audio System:**
|
|
- Mopidy läuft
|
|
- Snapcast läuft
|
|
- 4 Zonen connected
|
|
- Radio Sender eingebaut
|
|
|
|
✅ **Workflow:**
|
|
- Dashboard → Radio → Klick → Läuft!
|
|
- Kein Iris
|
|
- Kein Snapcast Web UI (nur zum Audio hören)
|
|
- Alles in einem Tab!
|
|
|
|
### Nächste Schritte:
|
|
|
|
1. **Dashboard öffnen:** http://localhost:8090
|
|
2. **Radio starten:** 📻 Radio → NDR 1 → Klick
|
|
3. **Audio hören:** http://localhost:1780 → 🔊 aktivieren
|
|
4. **Lautstärke:** 🔊 Zonen → Salon → 70%
|
|
|
|
**→ Musik läuft! 🎵**
|
|
|
|
---
|
|
|
|
## 🚢 AUF DEM BOOT (später)
|
|
|
|
**Dann funktioniert Audio automatisch:**
|
|
- Echte Lautsprecher in Zonen
|
|
- Spotify Connect over Network
|
|
- AirPlay over Network
|
|
- Kein Snapcast Web Audio nötig
|
|
|
|
**Setup:** `KIOSK_SETUP.md`
|
|
|
|
---
|
|
|
|
**FERTIG! Alles läuft über das Dashboard! 🎉**
|