`camera_view: live` with picture-elements card

[jparthum (Jason Parthum)]

My stream component is working and I think my code is correct, but I only get 10 second refreshes (same as with #camera_view: live).

    - type: picture-elements
      image: /local/img/bg.png
      elements:
        - type: image
          entity: camera.courtyard
          camera_image: camera.courtyard
          camera_view: live
          style:
            left: 50%
            top: 50%
            width: 100%
            height: 100%

[pnbruckner (Phil)]

Do you have stream: in your configuration?

[jparthum (Jason Parthum)]

Yes’sir, stream: is in my configuration.yaml, and I do get a live stream (with “Preload stream” checkbox) when I tap on the card.
And camera_view: live works fine for me with the picture-glance card.

Can anyone confirm this working for them?
I’m on 0.95.1.

[cristimi (Cristi Militaru)]

Have you solved the issue somehow? I am having the same problem. Camera is streaming fine in picture-glance card but not as image element in picture-elements card.

[jparthum (Jason Parthum)]

No, this was a dead-end for me.

[pppaulie_s (Paul)]

G’day @jparthum,

Not sure if you figured this out yet, but after some trial and error I found a way to add a LIVE camera stream to a picture_elements card when the view is in panel mode:

Here's how to add a camera stream to a picture_elements card

Hi all, I thought I would share something I figured out when attempting to add a camera stream to a picture_elements card when the view is in panel mode. It turns out that you can’t add a picture-entity card into a picture_elements card - you can only use an image element. The problem there is that the image element is mostly a static image and not a live viewing of your camera stream. As a little work around to have a LIVE stream from your camera, I found you can use a custom card called la…

[jparthum (Jason Parthum)]

I actually was shown a similar method back in March…

Streaming camera in picture-elements

While waiting for the bug report to get resolved I found a workaround using custom:card-modder - type: picture-elements image: /local/camera_bg.png elements: - type: custom:card-modder style: width: 100% height: 100% top: 50% left: 25% card: type: picture-entity entity: camera.test_camera camera_view: live show_name: false show_state: false

…but I appreciate the heads up!

[pppaulie_s (Paul)]

ahhh yes I attempted to use card-modder but didn’t quite get the outcome I was after and the new version, card-mod, didn’t allow it either.

but either way, glad you got it sorted