Skip to content

Posters are displayed on the computer but not in the Companion app #781

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
d4nm0 opened this issue Nov 30, 2024 · 2 comments
Open

Posters are displayed on the computer but not in the Companion app #781

d4nm0 opened this issue Nov 30, 2024 · 2 comments
Labels
question Further information is requested

Comments

@d4nm0
Copy link

d4nm0 commented Nov 30, 2024

Hello,

I've noticed a problem displaying the posters:

On my computer, the posts are displayed correctly.
However, in the Companion app, no. it displays a black background

type: custom:stack-in-card
cards:
  - type: custom:mushroom-template-card
    primary: Caméra
    secondary: >
      Cour avant - Batterie: {{
      states('sensor.porte_d_entree_battery_percentage') }}% - Wifi {{
      states('sensor.porte_d_entree_wifi_signal_level') }} 
    icon: mdi:cctv
    icon_color: blue
  - type: custom:layout-card
    layout_type: masonry
    layout:
      max_cols: 1
      height: auto
      padding: 0px
      card_margin: var(--masonry-view-card-margin, 0px 8px 14px)
    cards:
      - type: custom:webrtc-camera
        entity: camera.porte_d_entree
        poster: /local/snapshots/snapshot_CamEnter.jpg
        ui: true
        style: >-
          .screenshot {display: none} .pictureinpicture {display: none}
          .shortcuts { position: absolute; top: 50%; left: 50%; transform:
          translate(-50%, -50%); z-index: 10; background: rgba(0, 0, 0, 0.5);
          border-radius: 50%; padding: 10px; display: flex; align-items: center;
          justify-content: center; } .header {display:none} 
        shortcuts:
          - name: Play
            icon: mdi:play
            service: camera.turn_on
            service_data:
              entity_id: camera.porte_d_entree
          - name: Stop
            icon: mdi:stop
            service: camera.turn_off
            service_data:
              entity_id: camera.porte_d_entree
@AlexxIT AlexxIT added the question Further information is requested label Nov 30, 2024
@AlexxIT
Copy link
Owner

AlexxIT commented Nov 30, 2024

I don't know if companion app can work with relative links.

@nima-1102
Copy link

nima-1102 commented Apr 21, 2025

@AlexxIT The problem appears to occur only in connection with sections; in the Masonry layout, the stream runs fine.

I have the same problem. On desktop it works without any issues, but in my case on iOS, the stream loads (you can hear the audio), the player (webrtc / hls / mse) shows that the stream is running (controls), but the video stays black.

Works with Poster on Masonry:

ttype: masonry
path: test6
title: test6
cards:
  - type: custom:webrtc-camera
    entity: camera.eingang_stream
    poster: camera.eingang_stream

Dont work with Poster on Sections:

type: sections
max_columns: 4
title: test7
path: test7
sections:
  - type: grid
    cards:
      - type: heading
        heading: New section
      - type: custom:webrtc-camera
        entity: camera.eingang_stream
        poster: camera.eingang_stream

Without Poster the Stream works on Sections

type: sections
max_columns: 4
title: test7
path: test7
sections:
  - type: grid
    cards:
      - type: heading
        heading: New section
      - type: custom:webrtc-camera
        entity: camera.eingang_stream
Core: 2025.4.3
Frontend: 20250411.0
Companion APP: 2025.3
WebRTC Camera: 3.6.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants