Adhaan/adhan-webapp/README.md
2025-05-27 11:50:28 +02:00

108 lines
2.8 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Adhaan Gebedstijden Display
Een moderne, islamitische gebedstijden display applicatie met automatische adhaan, weersinformatie en Sonos integratie.
## ✨ Nieuwe Functies
### 🌤️ Weersinformatie
- Actuele temperatuur en weersomstandigheden
- Automatische updates elke 10 minuten
- Nederlandse weerbeschrijvingen
- Windsnelheid en luchtvochtigheid
### 🎵 Uitgebreide Audio Opties
- Meerdere adhaan-stijlen beschikbaar
- Audio preview functie in instellingen
- Verbeterde instellingen interface
- Test functionaliteit voor Sonos
## 🚀 Installatie
### 1. OpenWeatherMap API Key verkrijgen
1. Ga naar [OpenWeatherMap](https://openweathermap.org/api)
2. Maak een gratis account aan
3. Verkrijg je API key (1000 gratis calls per dag)
### 2. Configuratie
Bewerk `config.py` en vervang `YOUR_API_KEY_HERE` met je OpenWeatherMap API key:
```python
OPENWEATHER_API_KEY = 'jouw_api_key_hier'
```
Optioneel kun je ook de locatie aanpassen:
```python
WEATHER_LOCATION = 'Amsterdam,NL' # Vervang met jouw stad
```
### 3. Docker opstarten
```bash
docker-compose up -d
```
## 📱 Gebruik
### Hoofdscherm
- **Links**: Huidige tijd, datum en countdown naar volgende gebed
- **Rechts**: Hadith, gebedstijden en weersinformatie
- **Knoppen**: Dark/light mode, instellingen, mute
### Instellingen
- **Volume**: Sonos volume instelling (0-100)
- **Zones**: Selecteer welke Sonos speakers gebruikt worden
- **Audio**: Kies adhaan-stijl met preview functie
- **Test**: Test audio op Sonos of lokaal
## 🎵 Audio Bestanden Toevoegen
1. Plaats MP3 bestanden in `static/clips/`
2. Bestanden worden automatisch beschikbaar in instellingen
3. Aanbevolen: max 5MB per bestand
## 🔧 API Endpoints
- `GET /api/weather` - Actuele weerdata
- `GET /api/hadith` - Willekeurige hadith
- `POST /api/mute` - Toggle mute status
- `POST /api/test-audio` - Test audio bestand
## 🌍 Functies
- ✅ Automatische adhaan op gebedstijden
- ✅ Sonos integratie met meerdere zones
- ✅ Nederlandse hadiths die automatisch wisselen
- ✅ Dark/light theme toggle
- ✅ Mute functionaliteit
- ✅ Responsive design
- ✅ Weersinformatie met automatische updates
- ✅ Meerdere adhaan-stijlen met preview
- ✅ Moderne, islamitische UI
## 🛠️ Technische Details
- **Backend**: Flask (Python)
- **Frontend**: HTML5, CSS3, JavaScript
- **Audio**: MP3 ondersteuning
- **API's**: VUMG (gebedstijden), OpenWeatherMap (weer), Sonos
- **Deployment**: Docker + TrueNAS
## 📝 Changelog
### v2.0 - Nieuwe Functies
- Weersinformatie toegevoegd
- Meerdere adhaan-stijlen
- Audio preview functie
- Verbeterde instellingen interface
- API endpoints voor dynamische updates
- Configuratie bestand voor eenvoudige setup
### v1.0 - Basis Functionaliteit
- ✅ Gebedstijden display
- ✅ Automatische adhaan
- ✅ Sonos integratie
- ✅ Hadith rotatie
- ✅ Dark/light theme