frigate-hass-card icon indicating copy to clipboard operation
frigate-hass-card copied to clipboard

[QUESTION] Just the video live image without any buttons/icons

Open moostmartijn opened this issue 1 year ago • 4 comments

Hi, please delete if this is not allowed, but I'm working on a new mobile dashboard with square cards. The frigate-hass-card seems to be the only card which can convert my 16:9 ratio camera to a 4:3 camera.

I would like to have just the live video stream of a camera without any icons, buttons, names or any other functionality. Is that possible with this card?

There's always a small pop-up with the name, and always a pause, mute, full-screen button. Is is possible to have a completely clear live video stream without all these bells and whistles? Schermafbeelding 2023-11-02 om 22 25 01

This is the config I'm using now:

            - type: custom:frigate-card
              style: |
                ha-card {
                  height: 242px;
                  max-height: 242px; /* Set a maximum height for the card */

                  @media (max-width: 767px) {
                  height: 210px !important; /* Adjusted height for mobile */
                  max-height: 210px !important; /* Set a maximum height for the card */
                  } 
                }
              view_layout:
                grid-area: left2
              cameras:
                - camera_entity: camera.g4_doorbell_high
              dimensions:
                aspect_ratio: "4:4"
                aspect_ratio_mode: static
              menu:
                style: none
                buttons:
                  fullscreen:
                    enabled: false
              live:
                layout:
                  fit: cover
                controls:
                  next_previous:
                    style: none
                  thumbnails:
                    mode: none
                  builtin: false
                zoomable: false
                lazy_unload: all
              media_viewer:
                controls:
                  builtin: false
                title:
                  mode: none
              performance:
                style:
                  border_radius: true
              view:
                default: live

Oh, and by the way; I would like to have more rounded corners, but this seems impossible, is that true?

Thanks for your reply!

moostmartijn avatar Nov 02 '23 21:11 moostmartijn

The card has a full visual editor, so you should be able to just play around with all the options. All bells and whistles can be disabled. Looks like the config you're using should be pretty close, here's a quick config that just shows live and nothing else:

type: custom:frigate-card
cameras:
  - camera_entity: camera.office
    live_provider: go2rtc
menu:
  style: none
live:
  controls:
    builtin: false
    thumbnails:
      mode: none
    timeline:
      mode: none
    title:
      mode: none

What's left showing up if you use this config?

I would like to have more rounded corners, but this seems impossible, is that true?

If your HA theme uses rounded corners, the card should automatically respect that.

dermotduffy avatar Nov 02 '23 21:11 dermotduffy

Thank you for your fast reply. I had to change the configuration a little bit to make it work in my situation:

        - type: custom:frigate-card
          view_layout:
            grid-area: left2
          style: |
            ha-card {
              height: 242px;
              max-height: 242px; /* Set a maximum height for the card */

              @media (max-width: 767px) {
              height: 210px !important; /* Adjusted height for mobile */
              max-height: 210px !important; /* Set a maximum height for the card */
              } 
            }
          cameras:
            - camera_entity: camera.g4_doorbell_high
          dimensions:
            aspect_ratio: "4:4"
            aspect_ratio_mode: static
          menu:
            style: none
          live:
            layout:
              fit: cover                
            controls:
              builtin: false
              thumbnails:
                mode: none
              timeline:
                mode: none
              title:
                mode: none
              view:
                default: live

Unfortunately this card still shows the pause, mute and some other buttons, see screenshot. I think the pop-up with the name of the camera is gone. Frigate card

The rounded corners work now! I think I forgot to reload the theme the last time.

moostmartijn avatar Nov 03 '23 09:11 moostmartijn

Unfortunately this card still shows the pause, mute and some other buttons, see screenshot.

I wonder if this is related to this bug: https://github.com/dermotduffy/frigate-hass-card/issues/1310

dermotduffy avatar Nov 04 '23 00:11 dermotduffy

Happens to me as well.

bedbug1226 avatar Jan 04 '24 01:01 bedbug1226