480 lines
11 KiB
Markdown
480 lines
11 KiB
Markdown
# Chrome Kiosk-Mode Setup für Android Digital Signage
|
||
|
||
## 🎯 Problem
|
||
|
||
Bei einem Page-Reload (z.B. nach 6h automatisch) wird der Vollbildmodus beendet - das ist eine Browser-Sicherheitsmaßnahme. Der Vollbildmodus kann nicht automatisch per Script reaktiviert werden.
|
||
|
||
## ✅ Die Lösung: Chrome Kiosk-Mode
|
||
|
||
Der **Kiosk-Mode** ist die professionelle Lösung für Digital Signage. Chrome läuft dabei permanent im Vollbild ohne Browser-UI.
|
||
|
||
---
|
||
|
||
## 📱 Option 1: Chrome Kiosk-Mode (Empfohlen für Android)
|
||
|
||
### Voraussetzungen:
|
||
- Android-Gerät (Tablet/Display)
|
||
- Chrome Browser installiert
|
||
- ADB (Android Debug Bridge) für Setup
|
||
|
||
### Setup-Schritte:
|
||
|
||
#### 1. **Developer-Optionen aktivieren**
|
||
|
||
1. Gehe zu **Einstellungen** → **Über das Telefon/Tablet**
|
||
2. Tippe **7x auf "Build-Nummer"**
|
||
3. Developer-Optionen sind jetzt aktiv
|
||
|
||
#### 2. **USB-Debugging aktivieren**
|
||
|
||
1. Gehe zu **Einstellungen** → **Entwickleroptionen**
|
||
2. Aktiviere **"USB-Debugging"**
|
||
3. Verbinde Gerät per USB mit Computer
|
||
|
||
#### 3. **ADB installieren (auf Computer)**
|
||
|
||
**Windows:**
|
||
```bash
|
||
# Download Android Platform Tools
|
||
https://developer.android.com/studio/releases/platform-tools
|
||
|
||
# Entpacken und zu PATH hinzufügen
|
||
```
|
||
|
||
**macOS:**
|
||
```bash
|
||
brew install android-platform-tools
|
||
```
|
||
|
||
**Linux:**
|
||
```bash
|
||
sudo apt install android-tools-adb
|
||
```
|
||
|
||
#### 4. **Chrome im Kiosk-Mode starten**
|
||
|
||
```bash
|
||
# Verbindung testen
|
||
adb devices
|
||
|
||
# Chrome beenden
|
||
adb shell am force-stop com.android.chrome
|
||
|
||
# Chrome im Kiosk-Mode starten
|
||
adb shell am start \
|
||
-n com.android.chrome/com.google.android.apps.chrome.Main \
|
||
-a android.intent.action.VIEW \
|
||
-d "https://cabinet.b2in.eu" \
|
||
--ez create_new_tab true \
|
||
--activity-clear-task \
|
||
--activity-clear-top \
|
||
--activity-single-top
|
||
|
||
# Optional: Vollbild erzwingen
|
||
adb shell settings put global policy_control immersive.full=*
|
||
```
|
||
|
||
#### 5. **Auto-Start beim Boot (Optional)**
|
||
|
||
Erstelle eine Boot-App oder nutze Automate-Apps:
|
||
|
||
**Mit MacroDroid (kostenlose App):**
|
||
1. Installiere MacroDroid aus Play Store
|
||
2. Erstelle Macro:
|
||
- **Trigger:** "Device Boot"
|
||
- **Action:** "Launch Application" → Chrome
|
||
- **Action:** "Load Webpage" → https://cabinet.b2in.eu
|
||
3. Speichern und aktivieren
|
||
|
||
---
|
||
|
||
## 📱 Option 2: Dedicated Kiosk-Browser Apps
|
||
|
||
### Empfohlene Apps für Android Digital Signage:
|
||
|
||
### **1. Fully Kiosk Browser** (⭐ Empfohlen)
|
||
|
||
**Features:**
|
||
- ✅ Echter Kiosk-Modus (keine UI, kein Zurück-Button)
|
||
- ✅ Auto-Start beim Boot
|
||
- ✅ Remote-Management
|
||
- ✅ Screensaver-Funktion
|
||
- ✅ Keep Screen On
|
||
- ✅ Remote-Config via Web-Interface
|
||
|
||
**Installation:**
|
||
```
|
||
1. Download: https://www.fully-kiosk.com
|
||
2. Installiere APK auf Android
|
||
3. Öffne App
|
||
4. Settings:
|
||
- Start URL: https://cabinet.b2in.eu
|
||
- Kiosk Mode: ON
|
||
- Launch on Boot: ON
|
||
- Hide System UI: ON
|
||
- Keep Screen On: ON
|
||
- Reload on Network Restore: ON
|
||
5. Lock App (Admin Pin setzen)
|
||
```
|
||
|
||
**Kosten:**
|
||
- Kostenlos für Single-Device
|
||
- Plus Version: ~€20 (einmalig) für erweiterte Features
|
||
|
||
### **2. Kiosk Browser Lockdown**
|
||
|
||
**Features:**
|
||
- ✅ Einfaches Setup
|
||
- ✅ Kiosk-Mode
|
||
- ✅ Auto-Start
|
||
- ✅ Kostenlos
|
||
|
||
**Installation:**
|
||
```
|
||
1. Play Store: "Kiosk Browser Lockdown"
|
||
2. URL setzen: https://cabinet.b2in.eu
|
||
3. Kiosk Mode aktivieren
|
||
4. PIN setzen
|
||
```
|
||
|
||
### **3. Chrome mit Custom Launcher**
|
||
|
||
**Features:**
|
||
- ✅ Nutzt Chrome Engine
|
||
- ✅ Custom Launcher ersetzt Home-Screen
|
||
- ✅ Kostenlos
|
||
|
||
**Apps:**
|
||
- "Screen On" (Play Store)
|
||
- "Stay Alive!" (Play Store)
|
||
- "Screen Alive" (Play Store)
|
||
|
||
---
|
||
|
||
## 💻 Option 3: Chrome Flags (Desktop/Android)
|
||
|
||
### Für Desktop-Testing:
|
||
|
||
**Chrome starten mit Flags:**
|
||
|
||
**Windows:**
|
||
```powershell
|
||
"C:\Program Files\Google\Chrome\Application\chrome.exe" ^
|
||
--kiosk "https://cabinet.b2in.eu" ^
|
||
--disable-session-crashed-bubble ^
|
||
--disable-infobars ^
|
||
--noerrdialogs ^
|
||
--disable-translate ^
|
||
--no-first-run ^
|
||
--fast-start ^
|
||
--disable-features=TranslateUI ^
|
||
--disk-cache-dir=NUL ^
|
||
--overscroll-history-navigation=0
|
||
```
|
||
|
||
**macOS:**
|
||
```bash
|
||
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
|
||
--kiosk "https://cabinet.b2in.eu" \
|
||
--disable-session-crashed-bubble \
|
||
--disable-infobars \
|
||
--noerrdialogs
|
||
```
|
||
|
||
**Linux:**
|
||
```bash
|
||
google-chrome \
|
||
--kiosk "https://cabinet.b2in.eu" \
|
||
--disable-session-crashed-bubble \
|
||
--disable-infobars \
|
||
--noerrdialogs \
|
||
--disable-translate \
|
||
--no-first-run
|
||
```
|
||
|
||
### Flags Erklärung:
|
||
- `--kiosk` - Vollbild-Modus ohne UI
|
||
- `--disable-session-crashed-bubble` - Keine "Chrome wurde nicht korrekt beendet" Meldung
|
||
- `--disable-infobars` - Keine Info-Leisten
|
||
- `--noerrdialogs` - Keine Error-Dialoge
|
||
- `--disable-translate` - Keine Übersetzungs-Popups
|
||
- `--no-first-run` - Kein First-Run-Dialog
|
||
|
||
---
|
||
|
||
## 🔧 Option 4: Unsere Fallback-Lösung (bereits implementiert)
|
||
|
||
### Was haben wir implementiert:
|
||
|
||
#### 1. **LocalStorage-Tracking**
|
||
```javascript
|
||
// Beim Aktivieren merken
|
||
localStorage.setItem('cabinet_fullscreen_was_active', 'true');
|
||
|
||
// Nach Reload prüfen
|
||
if (wasFullscreen) {
|
||
// Auffälliger Reminder anzeigen
|
||
}
|
||
```
|
||
|
||
#### 2. **Visueller Reminder**
|
||
- **Orange pulsierender Button** nach Reload
|
||
- Text: "⚠️ Vollbild aktivieren!"
|
||
- Automatisch sichtbar wenn Fullscreen vorher aktiv war
|
||
|
||
#### 3. **Auto-Retry (30s Delay)**
|
||
```javascript
|
||
// Nach 30s automatisch versuchen (falls Kiosk-Mode aktiv)
|
||
setTimeout(() => {
|
||
enterFullscreen(); // Wird ignoriert wenn keine User-Geste
|
||
}, 30000);
|
||
```
|
||
|
||
#### 4. **Logging**
|
||
```javascript
|
||
✅ "Fullscreen aktiviert"
|
||
⚠️ "Fullscreen-Reminder angezeigt"
|
||
ℹ️ "Fullscreen verlassen"
|
||
```
|
||
|
||
### Vorteile:
|
||
- ✅ Funktioniert ohne zusätzliche Apps
|
||
- ✅ Visueller Hinweis dass Fullscreen reaktiviert werden muss
|
||
- ✅ Nutzer wird "erinnert" nach Reload
|
||
- ✅ Logging für Monitoring
|
||
|
||
### Nachteile:
|
||
- ❌ Erfordert manuellen Klick nach Reload
|
||
- ❌ Nicht vollautomatisch
|
||
|
||
---
|
||
|
||
## 🎯 Empfohlenes Setup für Production
|
||
|
||
### Für Android Digital Signage Displays:
|
||
|
||
#### **Best Practice:**
|
||
|
||
```
|
||
1. Hardware: Android Tablet/Display
|
||
└─ Empfohlen: Android 9+ mit min 2GB RAM
|
||
|
||
2. Software: Fully Kiosk Browser (Plus)
|
||
├─ Start URL: https://cabinet.b2in.eu
|
||
├─ Kiosk Mode: ON
|
||
├─ Launch on Boot: ON
|
||
├─ Hide System UI: ON
|
||
├─ Keep Screen On: ON
|
||
├─ Reload on Network Restore: ON
|
||
└─ Remote Management: ON
|
||
|
||
3. Network: Kabelgebunden (LAN)
|
||
└─ Fallback: 5GHz WiFi mit statischer IP
|
||
|
||
4. Power: USV/Surge Protection
|
||
└─ Auto Power-On nach Stromausfall
|
||
|
||
5. Monitoring:
|
||
├─ Fully Kiosk Remote Admin
|
||
└─ Unsere Logs: view-logs.php
|
||
```
|
||
|
||
### Setup-Checklist:
|
||
|
||
- [ ] Android-Gerät vorbereitet
|
||
- [ ] Fully Kiosk Browser installiert
|
||
- [ ] Kiosk-Mode konfiguriert
|
||
- [ ] Auto-Start aktiviert
|
||
- [ ] System-UI versteckt
|
||
- [ ] Keep-Screen-On aktiviert
|
||
- [ ] Remote-Management aktiviert (Optional)
|
||
- [ ] PIN-Schutz gesetzt
|
||
- [ ] Display-Helligkeit eingestellt
|
||
- [ ] Netzwerk getestet (LAN bevorzugt)
|
||
- [ ] Power-Management konfiguriert
|
||
- [ ] Test-Lauf 24h durchgeführt
|
||
- [ ] Monitoring aktiv (Logs checken)
|
||
|
||
---
|
||
|
||
## 🔍 Troubleshooting
|
||
|
||
### Problem: Kiosk-Mode wird nicht aktiviert
|
||
|
||
**Lösung 1: Developer-Optionen**
|
||
```
|
||
Settings → Developer Options → "Stay Awake" ON
|
||
```
|
||
|
||
**Lösung 2: App-Berechtigungen**
|
||
```
|
||
Settings → Apps → Fully Kiosk → Permissions
|
||
- Display over other apps: ALLOW
|
||
- Auto-start: ALLOW
|
||
```
|
||
|
||
**Lösung 3: Device Admin**
|
||
```
|
||
Settings → Security → Device Administrators
|
||
- Fully Kiosk Browser: ENABLE
|
||
```
|
||
|
||
### Problem: Display schaltet sich ab
|
||
|
||
**Lösung:**
|
||
```
|
||
1. Fully Kiosk Settings:
|
||
- Keep Screen On: ON
|
||
- Screen Saver: OFF
|
||
- Prevent Sleep: ON
|
||
|
||
2. Android Settings:
|
||
- Display → Sleep: NEVER
|
||
- Display → Adaptive Brightness: OFF
|
||
```
|
||
|
||
### Problem: Chrome Exit nach Reload
|
||
|
||
**Lösung:**
|
||
```
|
||
Nutze Fully Kiosk Browser statt Chrome!
|
||
- Fully ist speziell für Kiosk designed
|
||
- Kein ungewolltes Exit möglich
|
||
- Automatischer Neustart bei Crash
|
||
```
|
||
|
||
### Problem: Zurück-Button verlässt App
|
||
|
||
**Lösung:**
|
||
```
|
||
Fully Kiosk Settings:
|
||
- Disable Back Button: ON
|
||
- Disable Home Button: ON (Device Admin nötig)
|
||
- Kiosk Mode: Advanced
|
||
```
|
||
|
||
---
|
||
|
||
## 📊 Vergleich der Optionen
|
||
|
||
| Option | Kosten | Komplexität | Zuverlässigkeit | Empfehlung |
|
||
|--------|--------|-------------|-----------------|------------|
|
||
| **Fully Kiosk** | €20 | ⭐⭐ | ⭐⭐⭐⭐⭐ | 🥇 **BEST** |
|
||
| **Chrome Kiosk (ADB)** | Kostenlos | ⭐⭐⭐⭐ | ⭐⭐⭐ | OK für Tech-Versierte |
|
||
| **Kiosk Browser Free** | Kostenlos | ⭐⭐ | ⭐⭐⭐ | OK für Testing |
|
||
| **Unsere Fallback-Lösung** | Kostenlos | ⭐ | ⭐⭐ | Fallback |
|
||
| **Chrome + Custom Launcher** | Kostenlos | ⭐⭐⭐ | ⭐⭐⭐ | Mittel |
|
||
|
||
---
|
||
|
||
## 🎬 Quick Start: Fully Kiosk (Empfohlen)
|
||
|
||
### 5-Minuten-Setup:
|
||
|
||
```bash
|
||
1. Download: https://www.fully-kiosk.com
|
||
└─ APK auf Android-Gerät installieren
|
||
|
||
2. App öffnen → Settings:
|
||
Start URL: https://cabinet.b2in.eu
|
||
|
||
3. Advanced Settings:
|
||
[x] Kiosk Mode
|
||
[x] Launch on Boot
|
||
[x] Hide System UI
|
||
[x] Keep Screen On
|
||
[x] Prevent Sleep
|
||
|
||
4. Lock Settings (+ Button):
|
||
└─ PIN setzen (z.B. 1234)
|
||
|
||
5. ✅ Fertig! Display läuft 24/7 im Kiosk-Mode
|
||
```
|
||
|
||
### Remote-Management aktivieren:
|
||
|
||
```
|
||
1. Settings → Remote Administration:
|
||
[x] Enable Remote Administration
|
||
[x] Remote Admin from Local Network
|
||
|
||
2. Notiere IP-Adresse:
|
||
z.B. http://192.168.1.100:2323
|
||
|
||
3. Öffne vom PC:
|
||
http://192.168.1.100:2323
|
||
└─ Password: (Dein PIN)
|
||
|
||
4. ✅ Remote-Control aktiv!
|
||
- Screenshots
|
||
- Reload
|
||
- Settings ändern
|
||
- Screen On/Off
|
||
```
|
||
|
||
---
|
||
|
||
## 💡 Pro-Tipps
|
||
|
||
### 1. **Netzwerk-Stabilität**
|
||
```
|
||
- LAN bevorzugen (kein WiFi)
|
||
- Statische IP vergeben
|
||
- Router/Switch mit QoS
|
||
- Fully Kiosk: "Reload on Network Restore" ON
|
||
```
|
||
|
||
### 2. **Power-Management**
|
||
```
|
||
- USV verwenden
|
||
- BIOS: "AC Power Recovery" → ON
|
||
- Android: "Auto Power On" → ON
|
||
- Fully Kiosk: "Restart on Crash" → ON
|
||
```
|
||
|
||
### 3. **Display-Pflege**
|
||
```
|
||
- Bildschirmschoner nach 22:00 Uhr
|
||
- Helligkeit reduzieren nachts
|
||
- Pixel-Shift aktivieren (gegen Burn-In)
|
||
- Display-Timeout: NEVER
|
||
```
|
||
|
||
### 4. **Monitoring**
|
||
```
|
||
- Fully Kiosk Remote Admin
|
||
- Unsere Logs: view-logs.php
|
||
- Ping-Monitoring (Nagios/Zabbix)
|
||
- Wöchentliche Checks
|
||
```
|
||
|
||
### 5. **Security**
|
||
```
|
||
- Fully Kiosk mit PIN schützen
|
||
- Device Administrator aktivieren
|
||
- USB-Debugging OFF (nach Setup)
|
||
- Unknown Sources OFF
|
||
```
|
||
|
||
---
|
||
|
||
## 📞 Support
|
||
|
||
### Fully Kiosk Support:
|
||
- Website: https://www.fully-kiosk.com
|
||
- Forum: https://www.fully-kiosk.com/forum
|
||
- Email: support@fully-kiosk.com
|
||
|
||
### Unsere Logs:
|
||
- URL: https://cabinet.b2in.eu/view-logs.php
|
||
- Check: Fullscreen-Events
|
||
- Monitor: Memory & Errors
|
||
|
||
---
|
||
|
||
**Empfehlung:** Investiere die €20 für **Fully Kiosk Browser Plus** - es spart viele Stunden Troubleshooting und ist die stabilste Lösung für Digital Signage! 🎯
|
||
|
||
---
|
||
|
||
**Last Update:** 2026-01-19
|
||
**Version:** 1.3
|