AlexxIT / WebRTC

Home Assistant custom component for real-time viewing of almost any camera stream using WebRTC and other technologies.
https://github.com/AlexxIT/Blog
MIT License
1.5k stars 177 forks source link

Ability to add icon rather than text for various url streams #628

Open TurboTronix opened 10 months ago

TurboTronix commented 10 months ago

Is there a way to give us the ability to add a different icon for each of the streams?

For example I have the following which is a combination of 2 streams, one with mic on and one with mic off. I want to be able to display a mic on icon and a mic off icon rather than just text.

image

type: custom:webrtc-camera
ui: true
streams:
  - url: reolink_doorbell
    name: Mic OFF
  - url: reolink_doorbell
    mode: webrtc
    media: video,audio,microphone
    name: Mic ON
style: >-
  video {object-fit: fill;} .pictureinpicture {display: none} .header {display:
  none} .stream { font-size: 15px; width: 150px;  font-weight: bold;
  padding-left: 2px;}
AlexxIT commented 10 months ago

Use emoji

TurboTronix commented 10 months ago

What would be the code? Can you show me an example?

TurboTronix commented 10 months ago

Ok got it but they don't have mic off icon :|

type: custom:webrtc-camera
ui: true
streams:
  - url: reolink_doorbell
    name: 🔇
  - url: reolink_doorbell
    mode: webrtc
    media: video,audio,microphone
    name: 🔊
style: >-
  video {object-fit: fill;} .pictureinpicture {display: none} .header {display:
  none}