Adhaan/adhan-webapp
filoor fb8a35490a feat(adzkaar): voeg fullscreen Adzkaar-functionaliteit toe
Deze commit implementeert een nieuw Adzkaar-scherm dat automatisch verschijnt na de gebedstijden. Belangrijke wijzigingen omvatten:

- Toevoeging van instellingen voor het inschakelen en aanpassen van de duur van het Adzkaar-scherm in `settings.json` en de bijbehorende HTML.
- Implementatie van nieuwe routes `/adzkaar` en `/api/trigger-adzkaar` om respectievelijk het scherm weer te geven en te debuggen.
- Update van de countdown-logica om het Adzkaar-scherm drie seconden na het adhan af te spelen.
- Nieuwe frontend-elementen voor een interactieve, kaart-voor-kaart weergave van de Adzkaar met ondersteuning voor navigatie en toetsenbordbediening.
- Aanpassing van bestaande templates om integratie van de nieuwe functionaliteiten te faciliteren.

Deze toevoegingen verbeteren de gebruikerservaring door meer spirituele betrokkenheid mogelijk te maken na de gebedstijden.
2025-05-28 03:57:40 +02:00
..
2025-05-27 11:50:28 +02:00
2025-05-27 11:50:28 +02:00
2025-05-27 11:50:28 +02:00
2025-05-27 11:50:28 +02:00
2025-05-27 11:50:28 +02:00
2025-05-27 11:50:28 +02:00

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
  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:

OPENWEATHER_API_KEY = 'jouw_api_key_hier'

Optioneel kun je ook de locatie aanpassen:

WEATHER_LOCATION = 'Amsterdam,NL'  # Vervang met jouw stad

3. Docker opstarten

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