Gallery Panel for images/videos

Having some problems.

I’m using the Folders Integration.

The sensor has been set up and the attributes list the four photos.

With the gallery card, I’ve then used that sensor.

The directory /config/downloads/camera_front_door is also listed in my home assistant configuration

allowlist_external_dirs:
- "/config/downloads/camera_front_door"

Anyway the card recognises that there are four files. However doesn’t display them?

Actually, I’ve just reread the documents. Always a good place to start. It works when files are placed in www folder!

Is there any way to use another directory? I thought that if I allowed access to it in. My configuration the sensor could read it.

The only other option right now is to use the media source.

How do I get this card full screen on a view like in the image posted on the card? Right now, it’s just in a center column and if I place another it goes below the first one in the middle column, taking only 33% mid.

I figured out my own issue. I needed a panel view.

Thank you so much for the Card… it is working fine for photo, but I am still trying for media :slight_smile:

Thank you for the card.

I’m trying to get it configured to display images from a folder in my local media folder. I am able to see the folder structure and all the files in the Media browser. The top level folder (with a subfolder that contains a few more subfolders from which I’d like to pull from) has a space in it, so that seems to be throwing off the configuration and I’ve tried multiple iterations to account for the space. Here’s one example:

type: custom:gallery-card
menu_alignment: Bottom
entities:
  - path: 'media-source://media_source/Bird%20Buddy/'
    recursive: true
include_video: false
maximum_files: '20'

I get this error message:

Path does not exist. media-source://media_source/local/Bird%20Buddy/

What’s the right way to reference this Media folder?

Is there a way to delete photos while browsing… would be very nice adds :slight_smile:

Hi all,
I’m trying to get it working since some days, but it seems I’m to stupid.
I tried the different ways, it it doesn’t work.
Does someone have a step by step guide for the gallery card?
I’m getting mad.
Thank you for your help in advance.
Kind regards
Antonio

+1, I have motioneye capturing recordings, but because most of the times it’s the neighbour’s dog going by the street to next door I just want to quickly delete them while browsing it.
Any chance to allow for delete? Otherwise, anyone can think of a workaround for achieving this?
Right now i’m taking note of the filename and then going to the medio browser and find it, but it’s not very convenient.

Hi!

I’ve posted an edited version of the gallery card in my repository that allows you to delete items directly from the preview. However, I haven’t officially pulled it because it DOESN’T WORK ON iOS, either from the app or Safari. I’m not sure why, and unfortunately, I don’t have the time to investigate the issue, nor I have access to a Mac to troubleshoot it.

I hope you can appreciate this partial work.

Here’s the link to my repository: GitHub - Trexano99/gallery-card at DeleteFeature

P.S: I’ve also posted another branch that allows you to choose a directory based on the date. This feature works well and is already in a pull request ready to be merged in the original project.

I have posted a fix in a pull request, which you can find at this link:

This fix addresses the bug, enables you to set the seconds at which the preview image is displayed, and includes a date selector feature.
Hope it works!

Hi!
Not sure if it’s after I migrate to 2023.11.0 but I get this error now (it was working before):

Cannot read properties of undefined (reading 'callWS') media-source://media_source/local/immeuble

My config (where I can see the folder ‘immeuble’ at the root of my multimedia files):

type: custom:gallery-card
entities:
    - 'media-source://media_source/local/immeuble'
maximum_files: '25'
file_name_format: YYYYMMDD-HHmmss
caption_format: DD/MM/YY  HH:mm:ss
menu_alignment: Top
 show_reload: false

Thank you!

does anyone know if it’s possible to extract other info from the filename into the caption?

I’m playing with using it for ALPR cams and would be cool to have the License plate in the caption.

My file name is formatted as: YYYYMMDD_HHmmss_licenseplate

Hi, did you have any success?

Hi, does anyone know how I get this to auto refresh when a new image is uploaded to the media source?

At the moment I have to manually refresh the page or click reload to get new images to pull through but would like this to happen as soon as the images land in the folder location?

Thanks!

Hi,

First thank you for this nice add-on, I actually use the one from lukelalo but that one doesn’t seem to have its own topic.
It took me some tweaking to get it up and running but now it does. However I encounter one issue and that is that not all images are shown. I have the following setup:

type: custom:gallery-card
title: Laatste 10 snapshots
entities:
  - sensor.snaps
menu_alignment: Bottom
maximum_files: 10
parsed_date_sort: true
reverse_sort: true
random_sort: false
recursive: true
show_reload: true
include_video: false
file_name_format: YYYYMMDD-HHmmss
caption_format: DD-MM-YYYY HH:mm

And inside the folder (to which the sensor.snaps) refers I automatically create snapshots of my camera, resulting in the following list:
image

However, the card doesn’t show all the snaps:
image

As you can see in the second image the timestamps don’t correspond with the timestamps of the last images in the folder. Reloading the card doesn’t solve this.
Any ideas or help?

I can’t get this to work. The sensor is just not created.

sensor:

    - platform: files
      folder: /root/config/www/images/
      filter: '/*.jpg'
      name: gallery_images
      sort: date
      

Logger: homeassistant.components.file.sensor
Bron: components/file/sensor.py:103
integratie: File (documentatie, problemen)
Eerst voorgekomen: 13:02:27 (10 gebeurtenissen)
Laatst gelogd: 13:06:57

File or data not present at the moment: ***

Unless you have subfolders under that folder just use filter: '*.jpg'.

That makes no difference.

Log:
Gallery Card Error: Invalid Entity ID sensor.gallery_images