Looking for UI card to display refreshable camera snapshot without flicker

Configuration Frontend
1

I want to display a refreshable snapshot of some of my cameras on my dashboard, and have it refresh every few seconds. I do not need nor want a live feed view, all live feed-ready controls I’ve tried take too long to start actually going live. My dashboard is used exclusively on mobile, and I open/close it often, so having a snapshot that comes up fast is important.

I have used Picture Glance, and it works fine, however the downside is that during refresh, the snapshot goes black then reloads, instead of simply overwriting the previous snapshot. The resulting effect is a picture-black-picture flicker effect which I’d like to avoid.

I’ve tried a custom HACS card, “refreshable-picture-card”, but it requires a URL to the camera’s snapshot which forces me to expose the camera externally since the URL is invoked client-side and needs to be accessible publicly if I’m not on my home network.

Any thoughts or ides? Thanks much!

1 Like
2

Google led me to your post, I had the same question. With your suggestion, I made the ‘refreshable-picture-card’ work not by selecting an URL but by selecting the camera as the ‘entity’ and ‘entity picture’ as the attribute.

type: custom:refreshable-picture-card
refresh_interval: 5
url: ""
entity: camera.frontdoor
attribute: entity_picture
noMargin: true
tap_action:
  action: none

For me, this makes the picture refresh without flicker. Hope it can help someone.