Nowa integracja WebRTC Camera

Integracja WebRTC Camera.

Strona Projektu https://github.com/AlexxIT/WebRTC

Instalacja z HACS.

Po instalacji z HACS wymagany jest restart HA.
Po restarcie wchodzimy w Ustawienia → Urządzenia oraz usługi → Integracje, wyszukujemy WebRTC, dla rtsp nic nie wpisujemy, klikamy tylko OK

Wyszukaj.

Kod Karty dla rtsp

type: custom:webrtc-camera
url: rtsp://rtsp:******@192.168.1.25:554/av_stream/ch0

Integracja cechuje się niesamowitą prędkością wyświetlania obrazu z kamery, po 1-2 sekundach mamy już gotowy obraz, brak opóźnień.

Tłumaczenie maszynowe

Strumienie kamery będą teraz próbować używać WebRTC, kiedy tylko będzie to możliwe. WebRTC to standard, który tworzy połączenie peer-to-peer w celu przesyłania strumieniowego audio i wideo o niższym opóźnieniu. Prawdopodobnie już często korzystasz z tej technologii, na przykład podczas rozmowy wideo online. Kiedy jesteś poza domem, spróbuje znaleźć najszybszą i najbardziej bezpośrednią ścieżkę między Twoją instancją Home Assistant a kamerą, którą próbujesz obejrzeć. Open Home Foundation będzie hostować infrastrukturę sieci negocjacyjnej (serwery STUN) za darmo dla wszystkich użytkowników Home Assistant i umożliwi korzystanie z WebRTC do połączeń peer-to-peer, kiedy tylko będzie to możliwe.

Czy w takim razie warto dodawać WebRTC jako niestandardowy komponent?

a jak dodać kolejny strumień rtsp ?
można jakoś zmienić rozmiar obrazu wideo

Ktoś pomoże jak dodać zmianę koloru ikon domofonu aby było widać na wallpanelu, że status się zmienił?

to mój kod karty:

type: custom:webrtc-camera
url: domofon
mode: webrtc
media: video
background: false
backlog: true
ui: true
shortcuts:
  - name: Brama
    icon: mdi:gate
    service: lock.unlock
    service_data:
      entity_id: lock.furtka_lock_2
  - name: Furtka
    icon: mdi:door
    color: blue
    service: lock.unlock
    service_data:
      entity_id: lock.furtka_lock
style: |
  .video {
    aspect-ratio: 16/9;
    object-fit: fill;
  }
  .controls {
    width: 100%;
  }
  .fullscreen {
    transform: scale(3) !important;
    position: absolute !important;
    right: 30px !important;
    bottom: 20px !important;
  }
  .mode {
    display: none;
  }
  .screenshot {
    display: none;
  }
  .pictureinpicture {
    display: none;
  }

  /* Pozycjonowanie ikon na dole i obok siebie */
  .shortcuts {
    top: auto !important;
    bottom: 20px !important;
    left: 60px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    transform: scale(2.5) !important;
  }

Doprecyzuje, że chodzi tylko o te 2 ikony dodane w shortcuts bramy - “icon: mdi:gate” i furtki - “icon: mdi:door”