New Encoder Interface doesn't account for Media Players anymore
Closed this issue · 2 comments
artistro08 commented
Exactly what the title says. In the 3.5.0 pre-release, it had a volume bar at the bottom. Now it doesn't and displays custom display stuff
artistro08 commented
artistro08 commented
I got it working by substituting the yaml config out.
for future reference you guys can copy this code and it'll support media players (the default code plus the media player config)
# https://mycolor.space/?hex=%23845EC2&sub=1
#_states:
# unavailable:
# color: "#505050"
#
#[domain]:
# icon: mdi:lightbulb
# labelTemplates:
# -
# -
# - {state}
# classes:
# [class]:
# icon: mdi:lightbulb
# color: #FFFFFF
# labelTemplates:
# states:
# [state]:
# icon: mdi:mdi:lightbulb-on
# color: #FFFFFF
# labelTemplates:
_color: "#AAAAAA"
_labelTemplates:
- ""
- ""
- "{{state}}{{unit_of_measurement}}"
_states:
unavailable:
color: "#FF6F91"
unknown:
color: "#FF6F91"
# ======================== On-States ======================
on:
color: "#ffd484"
playing:
color: "#ffd484"
open:
color: "#ffd484"
opening:
color: "#ffd484"
home:
color: "#ffd484"
locked:
color: "#ffd484"
heat:
color: "#ffd484"
active:
color: "#ffd484"
# =========================================================
switch:
icon: mdi:toggle-switch-off
states:
on:
icon: mdi:toggle-switch
light:
icon: mdi:lightbulb
color: "#888888"
feedbackLayout: "$B1"
feedback: |
{
"indicator": {{ attributes.brightness / 255 * 100 }},
"value": "{{ (attributes.brightness / 255 * 100) | int }}%"
}
states:
unavailable:
icon: mdi:lightbulb-alert
on:
color: "#ffd484"
media_player:
icon: mdi:volume
color: "#ffffff"
feedbackLayout: "$B1"
feedback: |
{
"indicator": {% if state != 'off' %}{{ attributes.volume_level * 100 }}{% else %}0{% endif %},
"value": "{% if state != 'off' %}{{ (attributes.volume_level * 100)|round }}{% else %}0{% endif %}%"
}
states:
unavailable:
icon: mdi:volume-off
on:
color: "#ffffff"
input_boolean:
icon: mdi:toggle-switch-off
states:
on:
icon: mdi:toggle-switch
update:
icon: mdi:package
states:
on:
icon: mdi:package
color: "#FF8066"
person:
icon: mdi:account
states:
not_home:
icon: mdi:account-arrow-right
binary_sensor:
icon: mdi:radiobox-blank
states:
on:
icon: mdi:radiobox-marked
classes:
plug:
icon: mdi:power-plug-off-outline
states:
on:
icon: mdi:power-plug-outline
window:
icon: mdi:window-closed-variant
states:
on:
icon: mdi:window-open-variant
door:
icon: mdi:door-closed
states:
on:
icon: mdi:door-open
motion:
icon: mdi:motion-sensor
states:
off:
icon: mdi:motion-sensor-off
cover:
icon: mdi:garage
states:
open:
icon: mdi:garage-open
closing:
icon: mdi:arrow-down-box
opening:
icon: mdi:arrow-up-box
sensor:
classes:
humidity:
icon: mdi:water-percent
color: "#2C73D2"
atmospheric_pressure:
icon: mdi:thermometer-lines
color: "#2C73D2"
temperature:
icon: mdi:thermometer
color: |
{% set numState = state | int %}
{% if attributes.unit_of_measurement == '°F' %}
{% set numState = (numState - 32) * 5 / 9 %}
{% endif %}
{% if numState <= -20 %}
#0000FF
{% elif numState <= -15 %}
#0040FF
{% elif numState <= -10 %}
#0080FF
{% elif numState <= -5 %}
#00BFFF
{% elif numState <= 0 %}
#87CEFA
{% elif numState <= 5 %}
#B0E0E6
{% elif numState <= 10 %}
#90EE90
{% elif numState <= 15 %}
#ADFF2F
{% elif numState <= 20 %}
#FFFF00
{% elif numState <= 25 %}
#FFA500
{% else %}
#FF0000
{% endif %}
battery:
feedbackLayout: "$B1"
feedback: |
{
"indicator": {{ state | int }},
"value": "{{ state | int }}%"
}
icon: |
{% set numState = state | int %}
{% if numState <= 10 %}
mdi:battery-outline
{% elif numState <= 20 %}
mdi:battery-10
{% elif numState <= 30 %}
mdi:battery-20
{% elif numState <= 40 %}
mdi:battery-30
{% elif numState <= 50 %}
mdi:battery-40
{% elif numState <= 60 %}
mdi:battery-50
{% elif numState <= 70 %}
mdi:battery-60
{% elif numState <= 80 %}
mdi:battery-70
{% elif numState <= 90 %}
mdi:battery-80
{% else %}
mdi:battery
{% endif %}
color: |
{% set numState = state | int %}
{% if numState <= 10 %}
#ff0000
{% elif numState <= 20 %}
#e21c00
{% elif numState <= 30 %}
#c63800
{% elif numState <= 40 %}
#aa5500
{% elif numState <= 50 %}
#8d7100
{% elif numState <= 60 %}
#718d00
{% elif numState <= 70 %}
#55aa00
{% elif numState <= 80 %}
#38c600
{% elif numState <= 90 %}
#1ce200
{% elif numState <= 100 %}
#00ff00
{% else %}
#505050
{% endif %}
power:
icon: mdi:flash
color: "#F9F871"
power_factor:
icon: mdi:angle-acute
voltage:
icon: mdi:flash
color: "#F9F871"
energy:
icon: mdi:lightning-bolt
color: "#F9F871"
current:
icon: mdi:current-ac
color: "#2C73D2"
weather:
labelTemplates:
- ""
- ""
- "{{temperature}}{{temperature_unit}}"
- "{{humidity}}%"
states:
clear-night:
icon: mdi:weather-night
cloudy:
icon: mdi:weather-cloudy
fog:
icon: mdi:weather-fog
hail:
icon: mdi:weather-hail
lightning:
icon: mdi:weather-lightning
lightning-rainy:
icon: mdi:weather-lightning-rainy
partlycloudy:
icon: mdi:weather-partly-cloudy
pouring:
icon: mdi:weather-puring
rainy:
icon: mdi:weather-rainy
snowy:
icon: mdi:weather-snowy
snowy-rainy:
icon: mdi:weather-snowy-rainy
sunny:
icon: mdi:weather-sunny
windy:
icon: mdi:weather-windy
windy-variant:
icon: mdi:weather-windy-variant
lock:
icon: mdi:lock
states:
unlocked:
icon: mdi:lock-open
locking:
icon: mdi:lock-clock
unlocking:
icon: mdi:lock-clock
locked:
icon: mdi:lock
jammed:
icon: mdi:lock-open-alert
vacuum:
icon: mdi:robot-vacuum
states:
cleaning:
color: "#00C9A7"
returning:
color: "#F9F871"
error:
color: "#FF6F91"
then just make sure you save the file and link it under the settings:
Has to be linked with the file://
protocol. just switch the slashes from \
to /
if you're on windows