đź–Ľ Camera Gallery Card - v2.7.0

Hey everyone,

I’ve been building a Camera Gallery Card for Home Assistant and I’m looking for people who’d be willing to test it and give me honest feedback.

The main reason I started this project is simple: I felt like Home Assistant was missing a proper gallery browser for local camera recordings for my needs.

So I started creating my own version and is here to test!

GitHub: Camera Gallery Card

Right now it includes:

  • Swipeable preview for images and videos
  • Day filtering with a quick “Today” view
  • Timeline with thumbnails. Sorted on date
  • Download button
  • Bulk select and delete functionality
  • Configurable preview height
  • Configurable thumbnail size

At the moment it only supports local storage (for example files in /config/www), so no external or cloud-based media yet.

It’s working well in my own setup, but real-world testing always reveals things you don’t notice yourself.

If you’re a setup that stores recordings locally and exposes a fileList attribute, I’d really appreciate you trying it out. I’m mainly looking for feedback on usability, mobile behavior, performance, and feature ideas.

Been working on this for 2 weeks now and this is my first creation. Hope you like it!

7 Likes

Update – v1.0.1 released :tada:

Added:

  • Source mode (File sensor or Media folder)
  • Configurable preview position
  • Optional preview-on-click behavior
  • Completely redesigned editor with automatic dropdowns
    • File sensors
    • Media folders
    • shell_command services

Also includes internal cleanup and stability improvements.

Feedback still very welcome :raised_hands:

1 Like

Possible to allow this to access the Frigate folder? Would like to test this with the camera clips and recordings.

Testing it right now.

Seems to work to select the different Frigate folders. But still working on a way (don’t know the best way yet) to add a filter for the different kind of thing you can track (person, dog, etc). What you reckon?

Do I need to use YAML to add my frigate clips folder?

As for your question, well Frigate actually seems to put what the clip is in the file name itself (see below), maybe you could look at that… this would be the easy way without having to use the HA Frigate integrations API


Sending the update for Frigate within 30 minutes, so it should all be visible through the dropdown.

So it puts every clip in one folder and puts the name of the tracked event in the name. A person/dog/cat/car filter would work then.

1 Like

Just updated the card. Let me know if it works for you.

Testing it now just having some cache issues across different browsers, see it updated on one but not the other, will report back later.

Ok so its kind of working, on the one browser still damn cache issues…

I can’t get the clips or recording folders to show anything so I guess no videos supported.

Snapshots folder seems to work after a very long loading time… which is annoying but whats weird is when it does finally load it seems to show the same duplicate snapshot like 8-10 times, weird bug. Is there anyway to make sure it always shows the latest snapshot first and also no duplicates?

Another thing weird with snapshot folder it seems to randomly change itself like it’ll show snapshots from day but flip between a clip from day or night randomly.

Almost got it working. Will update soon.

UPDATED!

1 Like

Ok finally got updated and gonna test it out a bit, just a heads up the editor seems a bit broken now… I had to hard clear my cache to get it working Chrome so annoying sometimes…

Also just wondering is it possible to have multiple media sources? I added multiple favorites but seems thats only for the media source selector, still card is only the one media-soruce.

Fixed the editor bug:

Working on multiple folder. Should be ready tomorrow!

Thanks so far!

1 Like

Nice! Would like more customization in the future too like maybe instead of a grid an option for scrollable list, nice for mobile but up to you of course.

You mean vertical scrolling instead of horizontal?

Yep, could be nice for mobile for a bigger card

Hey,

Sorry for the late reply, but I had to add/change a lot of things in the card/editor.

But, the good news is, vertical scrolling added!

Will update today!

UPDATED!

1 Like

So the new card update seems great! Love the vertical thumbnails.

For some reason though the live camera feature isn’t working for me even though I set a camera in the UI. I’m not seeing the “LIVE” button either. Btw I am using frigate imported cameras live view works just fine in HA so not sure why not showing up on this card.

Also I saw on the github you had a selector that let you switch between cameras, how do you do that since the editor only lets you add 1 single camera?

What my card looks like, no live feed showing

Hi!

Sorry about that. I realized I forgot to clearly mention this earlier.

The Live View feature in the Camera Gallery Card is based on WebRTC , which means the WebRTC integration needs to be installed in Home Assistant for it to work. Without it, the card cannot start the live stream.

You can install it here:

It’s also linked in the README of the card, but I should have mentioned it more clearly before. My apologies for the confusion.

Once WebRTC is installed, the Live View cameras should work correctly.

PS: just put out an update. v1.6.1

1 Like

Ah I see, HA and Frigate have WebRTC via go2rtc built in now so I stopped using that integration, anyway to make HA’s built in WebRTC work as an alternative?

If not then ill install this, just wonder if it will mess anything up with Frigate since already using that.

Hi, thanks for this awesome card — it works great!
I have one question: Is there a way to use the card background color from my theme? I tried using Card Mod, but it didn’t work.

Would it also be possible to remove the card background completely?

Thanks for your effort!

1 Like