Frontend: Picture-elements card displays static image with `camera_view: live` enabled

Created on 28 Jan 2020 · 6Comments · Source: home-assistant/frontend

Checklist

[✓ ] I have updated to the latest available Home Assistant version.
[✓ ] I have cleared the cache of my browser.
[✓ ] I have tried a different browser to see if it is related to my browser.

The problem

The picture-elements card refreshes a static image every 10 seconds as though camera_view: live were omitted from the card configuration.

Expected behavior

Since the documentation lists camera_view: live as a valid option for the picture-elements card, I expected the video to stream within the card view as with the other two cards listing the same option; picture-entity, and picture-glance.

Steps to reproduce

The code in "Problem-relevant configuration" can be pasted into ui-lovelace.yaml and the resulting View ( mdi:test-tube / "Camera Testing") will show three camera cards:

Camera Testing View Screenshot

The picture-entity and picture-glance cards (left-hand column in above image) will display streaming video and the remaining picture-elements card will not.

Environment

Home Assistant release with the issue:
- 0.104.3 (venv)
Last working Home Assistant release (if known):
- Not sure, but has not worked in the previous 5 or 6 releases.
UI Type (States or Lovelace):
- Lovelace
Browser and browser version:
- Chrome ver. 79.0.3945.130 (desktop)
- Chrome ver. 79.0.3945.136 (Android)
Operating system:
- Windows 7 (64-bit)
- Android 9

Problem-relevant configuration

#### Camera Test View ####

  - title: Camera Testing
    path: camera_test
    icon: mdi:test-tube
    cards:

      - type: picture-entity
        entity: camera.MY_CAMERA
        camera_image: camera.MY_CAMERA
        camera_view: live

      - type: picture-glance
        entities: []
        camera_image: camera.MY_CAMERA
        camera_view: live

      - type: picture-elements
        # Base image to set 16:9 Aspect Ratio
        image: https://i.imgur.com/FHZLxXp.png
        elements:
          - type: image
            camera_image: camera.MY_CAMERA
            camera_view: live
            style:
              left: 50%
              top: 50%
              width: 100%
              height: 100%

(Replace `camera.MY_CAMERA` with a working entity)

Javascript errors shown in your browser console/inspector

No errors.

Additional information

While looking through the source code (in the hopes of being a contributor instead of a leech), I noticed that <div id="root"> is not present in the code for the working cards. This seems to have been removed from hui-picture-elements-card.ts at the same state_image and camera_image were originally added, and then replaced shortly after. I don't know if this is related to the issue, I just thought I'd point it out in case it helps diagnosing in some way.

bug stale

Source

jparthum

All 6 comments

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates.
Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍
This issue now has been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.