WebRTC icon indicating copy to clipboard operation
WebRTC copied to clipboard

Ability to add icon rather than text for various url streams

Open TurboTronix opened this issue 1 year ago • 3 comments

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;}

TurboTronix avatar Dec 25 '23 14:12 TurboTronix

Use emoji

AlexxIT avatar Dec 25 '23 16:12 AlexxIT

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

TurboTronix avatar Dec 25 '23 16:12 TurboTronix

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}

TurboTronix avatar Dec 25 '23 17:12 TurboTronix