https://github.com/mulder82/immich-slideshow

Custom card for Home Assistant's UI LoveLace which will display images slideshow from Immich server.
https://github.com/mulder82/immich-slideshow

gallery home-assistant images immich immich-slideshow lovelace-custom-card

Last synced: about 2 months ago
JSON representation

Custom card for Home Assistant's UI LoveLace which will display images slideshow from Immich server.

• Host: GitHub
• URL: https://github.com/mulder82/immich-slideshow
• Owner: mulder82
• Created: 2024-03-20T19:44:06.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-06-22T16:19:19.000Z (11 months ago)
• Last Synced: 2025-03-23T23:35:39.861Z (2 months ago)
• Topics: gallery, home-assistant, images, immich, immich-slideshow, lovelace-custom-card
• Language: JavaScript
• Homepage:
• Size: 19 MB
• Stars: 20
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# immich-slideshow

Custom card for Home Assistant's UI LoveLace which will display images slideshow from Immich server. Card is designed for Chromium running in kiosk mode.

![Screenshot](https://github.com/mulder82/immich-slideshow/raw/master/screenshots/preview.gif)

![Screenshot](https://github.com/mulder82/immich-slideshow/raw/master/screenshots/preview2.gif)

# Plugin installation

1. Download immich-slideshow.js and placeholder.png files,

2. Install plugin (For more details, see [Thomas Loven's Install Guide](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins))

> [!IMPORTANT]  

> Place downloaded files under /config/www/immich-slideshow/ directory.

# Immich server configuration

1. Login into your immich server and create new apiKey

![Screenshot](https://github.com/mulder82/immich-slideshow/raw/master/screenshots/apikey.jpg)

# HomeAssistant configuration

1. Login into HomeAssistant server and add new custom card to the dashboard with the fallowing configuration parameters:

Parameter name | Required | Default value | Description

--- | --- | ---- | ---

host | YES | - | URL to immich server

apikey | YES | - | Immich apiKey

slideshow_interval | NO | 6 | Time (in seconds) after new image is loaded (minimum 6)

height| NO | auto | Card height (eg. 500px)

# Preview in chromium browser

Run chromium using fallowing commands:

1. Linux:

```console

/usr/bin/chromium-browser --noerrdialogs --disable-infobars --ignore-certificate-errors --allow-running-insecure-content --disable-web-security --user-data-dir=PATH_TO_PROFILE_DIRECORY --kiosk DASHBOARD_URL

```

2. Windows:

```console

start "C:\Program Files\Google\Chrome\Application\" chrome.exe --allow-running-insecure-content --disable-web-security --user-data-dir=PATH_TO_PROFILE_DIRECORY --kiosk DASHBOARD URL

```

> [!TIP]

> Replace PATH_TO_PROFILE_DIRECORY and DASHBOARD_URL with valid values.