Live Always Loads

I am using v4.0.0-rc.2.

Is it possible for the card to only load the live feed of the camera when it is tapped to open full screen? Then show a snapshot of the camera that updates every 10 seconds? I tried using the view of the most recent snapshot but on mobile it’s not actually visually appealing and there’s no ability to click to live stream still to my knowledge.

The “on selection” doesn’t work to prevent pre-loading when using single cards by themselves. The reason I want to prevent pre-loading is that the Dashboard and I think even the web UI all together locks up as a result of trying to load 3 simultaneous streams. When I had these 3 cameras on the dashboard as seen in the screenshot preloading I repeatedly lost access to the UI for a few minutes on the companion app, browser and even through the nabucasa url. No errors in the logs as to where it came from. I removed the cameras and it was fine. It also slows the ability to edit the cards with them all live at once.

Mobile Dashboard:

Using view most recent snapshot a circle appears that blocks the full image:

Current Code:

type: horizontal-stack
cards:
  - type: custom:frigate-card
    cameras:
      - camera_entity: camera.outdoor_4
        live_provider: frigate-jsmpeg
    menu:
      style: none
    live:
      preload: true
      auto_play: visible
      draggable: false
      actions:
        tap_action:
          - action: custom:frigate-card-action
            frigate_card_action: fullscreen
          - action: custom:frigate-card-action
            frigate_card_action: live
    dimensions:
      aspect_ratio_mode: static
      aspect_ratio: '5:4'
    image:
      mode: camera
      refresh_seconds: 10
    view:
      default: live
  - type: custom:frigate-card
    cameras:
      - camera_entity: camera.outdoor_3
        live_provider: frigate-jsmpeg
    menu:
      style: none
    live:
      preload: true
      auto_play: visible
      draggable: false
      actions:
        tap_action:
          - action: custom:frigate-card-action
            frigate_card_action: fullscreen
          - action: custom:frigate-card-action
            frigate_card_action: live
    dimensions:
      aspect_ratio_mode: static
      aspect_ratio: '5:4'
    image:
      mode: camera
      refresh_seconds: 10
    view:
      default: live
  - type: custom:frigate-card
    cameras:
      - camera_entity: camera.outdoor_2
        live_provider: frigate-jsmpeg
    menu:
      style: none
    live:
      preload: true
      auto_play: visible
      draggable: false
      actions:
        tap_action:
          - action: custom:frigate-card-action
            frigate_card_action: fullscreen
          - action: custom:frigate-card-action
            frigate_card_action: live
    dimensions:
      aspect_ratio_mode: static
      aspect_ratio: '5:4'
    image:
      mode: camera
      refresh_seconds: 10
    view:
      default: live

[dermotduffy]

• You are incorrectly listing the actions under live, when you want them to work when you’re in the media viewer (not live).
• Setting thumbnails -> mode to none will cause the thumbnail drawer to disappear (the 3 lines).

This is what the media_viewer section should look like:

media_viewer:
  controls:
    next_previous:
      style: none
    thumbnails:
      mode: none
  actions:
    tap_action:
      - action: custom:frigate-card-action
        frigate_card_action: live
      - action: custom:frigate-card-action
        frigate_card_action: fullscreen

I can’t easily exactly test your config, but here is the full version that I’d guess should work:

type: horizontal-stack
cards:
  - type: custom:frigate-card
    cameras:
      - camera_entity: camera.outdoor_4
        live_provider: frigate-jsmpeg
    menu:
      style: none
    live:
      preload: false
      auto_play: never
      draggable: false
    dimensions:
      aspect_ratio_mode: static
      aspect_ratio: '5:4'
    image:
      mode: camera
      refresh_seconds: 10
    view:
      default: snapshot
    media_viewer:
      controls:
        next_previous:
          style: none
        thumbnails:
          mode: none
      actions:
        tap_action:
          - action: custom:frigate-card-action
            frigate_card_action: live
          - action: custom:frigate-card-action
            frigate_card_action: fullscreen

[Daniel-dev22]

Thank you for the quick response. I will take another look at the docs later today. To see what I need to change and report back if I’m successful. The card is great otherwise.