Automate Islamic Adhan (also called Azan or Azzan) or other prayer calls - Updated 3_24_2023 for Node-RED

[cyben76 (Effendy Abdullah)]

Waalaikumsalam shamseer,

I saw that you have already posted the card in your previous post.

[cyben76 (Effendy Abdullah)]

If you want to offset the time for Isha prayer, i don’t have any idea myself on how to do that, maybe someone more experience with Python codes can help…

[shamseer]

Thanks for your help and Instruction …
You know how to create below same like Dashbord in HA

[cyben76 (Effendy Abdullah)]

For styling the UI, you have to look thru those post with title “Lovelace”.

I’m new with HA too, just a few weeks, so haven’t really tried playing around with the UI

[cyben76 (Effendy Abdullah)]

Something like this post:

A different take on designing a Lovelace UI

Hey, I’m sharing my configuration https://github.com/matt8707/hass-config Home Assistant Container on a Synology DiskStation DS918+ NAS. Wall mounted tablet (Galaxy Tab A 10.1) using Fully Kiosk Browser. My configuration is exposed to HomeKit with Apple TV acting as a hub for remote connection. [dash] Update 2023.7 Workarounds for known issues: add state translations · matt8707/hass-config@7df57ea · GitHub add state translations, issue 2023.1.0 broke entity state display in local langu…

[cyben76 (Effendy Abdullah)]

If you are using Google Home Mini, you could also refer to another thread:

Adhan automation (أذان التلقائي) using Home Assistant and Google Home Mini

This guide is written especially for newbies who have just a google-home-mini and are trying to make it call for adhan. To follow this tutorial, you must have; Raspberry Pi (3/4) SD card (8/16 GB) Access to home router Any google speaker (google home mini/nest) Please follow the steps in order. Download Home Assistant Platform HassOS image from official website. Download the correct image against your Raspberry Pi model. The downloaded image has an extension .gz which means it is a highly …

[talondnb]

Wasallam shamseer.

To create this card it’s simply a Glance card in the Lovelace UI.

Glance Card

Once you have your adhan sensors setup, simply create a lovelace glance card and add the sensors to that.

If you’re referring to the background appearance, I’m just using a different wallpaper for my background.

[shamseer]

Assalmu alikum
Thanks for your Reply . I have tried and Success,But cant possible to change background image .
I am not well in coding . if you possible to send me the configuration code it will easy to understand me .

code

type: glance
entities:
  - entity: sensor.fajr_prayer
    format: time
  - entity: sensor.dhuhr_prayer
    format: time
  - entity: sensor.asr_prayer
    format: time
  - entity: sensor.maghrib_prayer
    format: time
  - entity: sensor.isha_prayer
    format: time
title: Prayer Time

I believe you will fix my issue

[talondnb]

Walaikum salam.

For lovelace background, I simply have the following line at the top of my lovelace raw config, first line:

background: center / cover no-repeat url("/local/background4.jpg") fixed

You can put your image files into the www folder.

[shamseer]

I did not get . When i pasting background config it will effecting all Background .
If you sedn me your code it more help for me

I request you to send me the code for above prayer time .

my code

type: glance
entities:
  - entity: sensor.fajr_prayer
    format: time
  - entity: sensor.dhuhr_prayer
    format: time
  - entity: sensor.asr_prayer
    format: time
  - entity: sensor.maghrib_prayer
    format: time
  - entity: sensor.isha_prayer
    format: time
title: Prayer Time
background: center / cover no-repeat url("/local/Bed Room.jpg")

Please tell me where i want to add background image code

[talondnb]

The line I suggested is for your Lovelace global config, not your card. Doing this line of code will add the background to ALL of your pages in homeassistant.

If you would like to have all your pages with the same background:

• Place your desired image in the www folder (e.g. 1920x1080 high def background)
• In your home assistant page, click the ellipsis (3 dots) icon, top right of your page

• Click the Configure UI selection

• Click the ellipsis (3 dots) again, and this time click Raw configuration editor

• A code editor will appear. Paste the line of code and hit save.

If you want to have the image for just the one card, you might have to look into using the picture entity card instead:

Picture Glance Card

type: picture-glance
title: Living room
entities:
  - switch.decorative_lights
  - light.ceiling_lights
  - lock.front_door
  - binary_sensor.movement_backyard
  - binary_sensor.basement_floor_wet
image: /local/living_room.png

[shamseer]

Thanks for your information and sorry for disturbing you …
The above method i have done all background image .
But i need the background only for the Glance card for prayer time . attaching the sample image .

And i successfully done all background image change with your instruction

[shamseer]

Actually i want to change the background of the card only …

Instead of white color on prayer time card want to change

[talondnb]

Have a look at the picture-glance card. I posted a link at the end of my post.

[shamseer]

Thanks
I will Try
Thanks for your information

[shamseer]

Assalamualkum

Finally i have changed card background with curved edge through themes.yaml
see screenshot

[Bhussain85 (Bilal Hussain)]

Can someone please help me with this i’m new to this i have no idea what is going on here, i have a google home hub and I’m trying play automatically azan on it

[taimur]

Looking Nice,

How do you connect a TV to home-assistant or to Raspberry PI? I connected A tv to HDMI on the raspberry Pi port and restarted from home assistant but it doesn’t display and dashboard or anything on the display? Any help will be appreciated.

[Rachid]

Salaam @shamseer, could you please be so kind and share with us your themes.yaml conf
I like the screenshot

[Shahina_Lm]

I have tried everything.
Please help.
I would be most grateful if you could kindly help me set up my google nest for adhan automation.