Media skip

witno · February 7, 2018, 11:38pm

Quick one for you geniuses:
How do I add skip forward and skip backwards buttons to the media_player widget in hadashboard?

ReneTode · February 8, 2018, 8:50am

if they are not there then probably not easy.
i guess in that case you need to change the widget javascript.

witno · February 8, 2018, 7:13pm

Thanks. So it is basically a question of wether the particulat physical media player and it’s ha-script supports the function ?

ReneTode · February 8, 2018, 10:22pm

if the physical device or the ha component dont support the options, then dashboard cant support it at all.
if it is in HA then in theory it can always be in the dashboard. (some things easy, some things very hard, but possible)

witno · February 10, 2018, 10:22am

I use the Spotify media player. It supports track skip in HA. Any idea how to view the buttons in hadash?

witno · February 25, 2018, 9:11pm

So, the Spotify media player has skip forward/backward and pause/play buttons i HA. Anyone knows how to somehow include these thre buttons as widgets or anyhow include them in the hadashboard?

keithh666 · February 26, 2018, 1:57am

My media players come up with those buttons automatically, I’m not sure why yours don’t, can we see your code (obviously in code blocks)?

anon35356645 · February 26, 2018, 2:29pm

make the widget bigger? Try (3x3) or so

witno · February 27, 2018, 12:15am

Progress, At last. The buttons gets visible when notusing a skin.

Not when the clear_sky skin is activated. Any ideaas? edit the css for the skin?

ReneTode · February 27, 2018, 12:41am

in the variables.yaml from the skin probably some variables are missing.
compare the mediaplayer variables from the default skin with the variables.yaml from the skin you use.

witno · February 27, 2018, 9:53am

Thanks!

If I wanted to set up a scrip calling the, let´s say “skip to nex track”, using the info from the ‘Services’ in HA that could be called by a widget in hadash, would this involve anything els than adding a few lines in scrips.yamel. In that case, what would it be? (see screenshot)

ReneTode · February 27, 2018, 11:00am

why would you like to make a script for that?
if you add the needed variables, your buttons wil show up.

witno · February 27, 2018, 11:06am

Directly in the dash.yamel file? What would be the apropriale entity and variables? How do I set it up?

BTW. Thanks!

ReneTode · February 27, 2018, 11:25am

you use a skin, right?
then you need to find the variables.yaml from your skin

also you need to find the variables.yaml from the default skin.
then you look which variables your skin file is missing.

if you cant find the default skin on your own device, you can also find the variables.yaml online here:

github.com

home-assistant/appdaemon/blob/master/appdaemon/assets/css/default/variables.yaml

# Core styles. Reference these wherever possible rather than making custom
# versions of red, green, etc. This will make it easier to quickly change the
# overall pallette of the dashboard just by overriding these variables.

# This file contains the application "defaults".
# IF YOU WANT TO CUSTOMIZE styleS FOR YOUR OWN INSTANCE, DO NOT EDIT THIS FILE.

# ----------------------------------------------------------------------------
# Custom styles instructions
#    1. Create a new directory under custom_css
#    2. copy these files over
#    3. EDIT
#    4. Select the new dir as the "skin" argument of any 
#       dashboards you want to use it
# ----------------------------------------------------------------------------

#
# Custom head includes - should be a YAML List, e.g.:
#
#head_includes:

This file has been truncated. show original

witno · February 27, 2018, 11:46am

Thanks! This will let me edit the styles of the skin, right? But how do I get the skip forwart button as aa widgit using the data from services in HA?

ReneTode · February 27, 2018, 11:54am

the button is probably already there, just not visible because you dont have any value for that part in the skin.

if you dont add the variables to your skin you will NEVER see the buttons.

try to view your dashboard without a skin. you will probably see the buttons you want then.

witno · February 27, 2018, 12:03pm

All the widgets are defined in my dash.yamel file. At the end of the dash.yaml file I define where to place the widgets an the size.

For example:

media_player:
widget_type: media_player
entity: media_player.spotify
title: Spotify

and

layout:

utetemperatur(2x2), innetemperatur(2x2), spacer, clock(3x1)

spacer, media_player(3x2)

barom(1x1), fuktighet(1x1), co2(1x1), fukt_inne(1x1)

reload(1x1), spacer, spacer, spacer, spacer, your_media_select(3x1)

lys_ute_veranda (1x1), bod_utelys(1x1), bod_innelys(1x1), lys_gang(1x1), lys_kjokken(1x1), your_speaker (3x1)

To get the skip-buttons on the dashboard, I suppose the will have to be defined in the dsah.yamel file? Right?
So my questin is: How do I place the “Next track” widgit on the dashboard, based on the information in the Services page i HA (as in the screenshot above)?

Excuse my bad explanation. Apreciate the help!

ReneTode · February 27, 2018, 12:25pm

NO!!!

PLEASE view your dashboard WITHOUT using a skin!!!

so no ?skin=anything in your url

witno · February 27, 2018, 12:39pm

I get it. Viewing the dashboard without skin will give the prev./pause-play/skip buttons in the media_player widget. This is however not the objective. I´m not gonna use the media_player widget.
The objective is to have three separate widgets with the ‘pevious’, ‘play/pause’ and ‘skip’.

ReneTode · February 27, 2018, 1:12pm

oke, thats possible but you need to create scripts or automations in home assistant for that.
if you have that created in home assistant, you can use the script widget or an switch widget to activate those things in your dashboard.

i cannot help you creating scripts or automations in home assistant, because i dont use those.
i would suggest you read up on how to create automations and/or scripts in the home assistant documentation for that.

so for what you want:

create a script in home assistant
add a script widget to your dashboard.