Skip to content
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

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

Open
TurboTronix opened this issue Dec 25, 2023 · 3 comments
Open

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

TurboTronix opened this issue Dec 25, 2023 · 3 comments
Labels
question Further information is requested

Comments

@TurboTronix
Copy link

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 AlexxIT added the question Further information is requested label Dec 25, 2023
@AlexxIT
Copy link
Owner

AlexxIT commented Dec 25, 2023

Use emoji

@TurboTronix
Copy link
Author

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

@TurboTronix
Copy link
Author

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}

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

2 participants