Lovelace: Mini Media Player

Share your Projects! Dashboards & Frontend
1407

Hello,

I suspect this is an issue in the updated Spotify component.
After a quick glance it seems like media_position_updated_at is reported very infrequent and isn’t really accurate/correct.
The card relies on media_duration, media_position, media_position_updated_at and the current time to calculate the progress. The reason we can’t use just media_duration & media_position is because media_position is not updated in “real time”, usually only updated when an attribute change in the component or on a specific interval.

You’ll see the same issue with the progress in the default media-control card.

I suggest opening an issue in the home assistant github repo.

1 Like
1408

Hi, 1381 post on this topic, I stopped at #300 with reading and still did not find what I was looking foor, thus try this way.

What I have:
config.yaml

media_player:
  - platform: onkyo
    host: 192.168.1.135
    name: ONKYO

lovelace, media control card:

entity: media_player.onkyo
toggle_power: false
type: 'custom:mini-media-player'

Gives me:
image

2 questions:

  1. How can I have the power button work correctly? I can turn the onkyo on, but not off…
    I can use both following services (on and off) and the onkyo goes on and off:
    image
    How can I get the button in the mini media player to also work correctly?

  2. I see in the mini media player that when spotifiy is playing on the onkyo it has “network_net” selected. But I can not “select” that entry if I use the drop down from the mini media player. How can I add that?
    If I add:

media_player:
  - platform: onkyo
    host: 192.168.1.135
    name: ONKYO
    sources: 
      network_net: "NET"

I get:
image

not what I want :slight_smile:
Any help is appreciated

1409
  1. Try
toggle_power: true
  1. No idea sorry.
1410

Anyone manage to use a local image as a button? I’m trying to use some .png images for TV channel buttons but using ‘image:’ isn’t working.

1411

This should be handled by the media player component, onkyo in your case. The card calls media_player.toggle by default, if toggle isn’t handled correctly by the component you can try using the option toggle_power: false, this will instead make the power button call media_player.turn_on & media_player.turn_on depending on the current state.

“NET” is possibly the same as “network_net”? Could it be that it’s exposed as “NET” but internally has the friendly name “network_net”. The source list will only populate sources exposed by your media player component, and you can’t configure it yourself, your configuration isn’t valid and won’t do anything.

Update your card, clear cache, reinstall if installed through HACS, double check the resource reference.
Here’s a similar issue solved by updating the resource reference.

1412

That worked for me. Thank you, you’re a star! :pray:

1 Like
1413

i’m new to this
nice card!

Anyway, i want to get a single row per player
i know i can do that by hiding or the volume or the controls
but is there a way to get either:

the title , whats its playing and volume controls and a drop down list for the controls
or the other way around?
title, whats its playing and controls and a drop down to get the volume?

i see the power button does this in some sort of way for google home products but not for sonos

thx

anyway set it up like that in some way?

1414

Hello,

I love this card as well. I am using it for my Sonos installation. I have multiple players/groups. I wanted to have (just) on player card visible for each Sonos group.

Example. Say I have only two sonos. If they don’t play, I don’t see any card. I turn on one and I see one card. I turn on the 2nd sonos and the 2nd card. I join both sonos in a group and I see only one card. Less clutter.

This works already. I did that with a condition card based on a sensor which tells me if a Sonos is master in a group. Only for the master the card is shown. Works perfect.

One thing is missing. I want to be able to change the volume of each sonos separatly in one card.

Is there a way to have a volume slider in the mini-media-player for each player in the group?

Regards
Ralf

1415

@rak I had this exact problem and solved it using state-switch based on an Input Boolean for if in group and not master (here) and showed a cut down version of the each player with only volume controls (hide options for info, control, source and power) :+1:

1416

@Jeremy, thats a good idea. Instead of hiding it totally, only show the volume slider for those which are not master. I will try. note to self be ashamed to not come up with the idea by yourself ,-).

2 Likes
1417

Please can you share the code ?
Thanks.
I also have kodi remote but i am not understand how to mix the 2

1418

Here it is:

      artwork: full-cover-fit
      background: url("/local/pictures/cardback.png")
      entity: media_player.nuc
      hide:
        controls: true
        icon: true
        mute: false
        power: true
        source: true
        volume: false
      icon: 'mdi:kodi'
      idle_view:
        when_idle: true
        when_paused: true
        when_standby: true
      name: Kodi nappali
      shortcuts:
        buttons:
          - icon: 'mdi:skip-previous'
            id: script.kr_prev_nuc
            type: script
          - icon: 'mdi:stop'
            id: script.kr_stop_nuc
            type: script
          - icon: 'mdi:play-pause'
            id: script.kr_play_pause_nuc
            type: script
          - icon: 'mdi:skip-next'
            id: script.kr_next_nuc
            type: script
          - icon: 'mdi:rewind'
            id: script.nuc_kodi_player_rewind
            type: script
          - icon: 'mdi:fast-forward'
            id: script.nuc_kodi_player_fast_fwd
            type: script
          - icon: 'mdi:menu-up-outline'
            id: script.kr_up_nuc
            type: script
          - icon: 'mdi:home'
            id: script.kr_home_nuc
            type: script
          - icon: 'mdi:information-outline'
            id: script.nuc_kodi_input_info
            type: script
          - icon: 'mdi:menu-left-outline'
            id: script.kr_left_nuc
            type: script
          - icon: 'mdi:circle-outline'
            id: script.kr_select_nuc
            type: script
          - icon: 'mdi:menu-right-outline'
            id: script.kr_right_nuc
            type: script
          - icon: 'mdi:undo-variant'
            id: script.kr_back_nuc
            type: script
          - icon: 'mdi:subtitles-outline'
            id: script.nuc_kodi_input_next_subtitle
            type: script
          - icon: 'mdi:menu-down-outline'
            id: script.kr_down_nuc
            type: script
          - icon: 'mdi:skip-next'
            id: script.kr_playlist_nuc
            type: script
          - icon: 'mdi:rewind-10'
            id: script.nuc_kodi_player_skip_back_30
            type: script
          - icon: 'mdi:rewind'
            id: script.nuc_kodi_player_skip_back_10
            name: '-10'
            type: script
          - icon: 'mdi:fast-forward'
            id: script.nuc_kodi_player_skip_fwd_10
            name: 10
            type: script
          - icon: 'mdi:fast-forward-10'
            id: script.nuc_kodi_player_skip_fwd_30
            type: script
        column_height: 90
        columns: 4
      show_progress: true
      type: 'custom:mini-media-player'

And the scripts:


kr_up_nuc:
  alias: Kodi Remote Up Nuc
  sequence:
    data:
      entity_id: media_player.nuc
      method: Input.Up
    service: kodi.call_method
kr_down_nuc:
  alias: Kodi Remote Down Nuc
  sequence:
    data:
      entity_id: media_player.nuc
      method: Input.Down
    service: kodi.call_method
kr_left_nuc:
  alias: Kodi Remote Left Nuc
  sequence:
    data:
      entity_id: media_player.nuc
      method: Input.Left
    service: kodi.call_method
kr_right_nuc:
  alias: Kodi Remote Right Nuc
  sequence:
    data:
      entity_id: media_player.nuc
      method: Input.Right
    service: kodi.call_method
kr_select_nuc:
  alias: Kodi Remote Select Nuc
  sequence:
    data:
      entity_id: media_player.nuc
      method: Input.Select
    service: kodi.call_method
kr_home_nuc:
  alias: Kodi Remote Home Nuc
  sequence:
    data:
      entity_id: media_player.nuc
      method: Input.Home
    service: kodi.call_method
kr_back_nuc:
  alias: Kodi Remote Back Nuc
  sequence:
    data:
      entity_id: media_player.nuc
      method: Input.Back
    service: kodi.call_method
kr_next_nuc:
  alias: Kodi Remote Next Nuc
  sequence:
    data:
      entity_id: media_player.nuc
    service: media_player.media_next_track
kr_prev_nuc:
  alias: Kodi Remote Prev Nuc
  sequence:
    data:
      entity_id: media_player.nuc
    service: media_player.media_previous_track
kr_play_pause_nuc:
  alias: Kodi Remote PlayPause Nuc
  sequence:
    data:
      entity_id: media_player.nuc
    service: media_player.media_play_pause
kr_stop_nuc:
  alias: Kodi Remote Stop Nuc
  sequence:
    data:
      entity_id: media_player.nuc
    service: media_player.media_stop
kr_playlist_nuc:
  alias: Kodi Remote Playlist Nuc
  sequence:
    data:
      entity_id: media_player.nuc
      method: Audio.Details.Album
    service: kodi.call_method
nuc_kodi_input_contectx_menu:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: kodi_ubuntunuc_local
      method: Input.ContextMenu
nuc_kodi_input_next_subtitle:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Player.SetSubtitle
      playerid: 1
      subtitle: next
      enable: true
nuc_kodi_input_info:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Input.Info
nuc_kodi_player_fast_fwd:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Player.SetSpeed
      playerid: 1
      speed: increment
nuc_kodi_player_rewind:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Player.SetSpeed
      playerid: 1
      speed: decrement
nuc_kodi_player_skip_back_10:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Player.Seek
      playerid: 1
      value: smallbackward
nuc_kodi_player_skip_back_30:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Player.Seek
      playerid: 1
      value: bigbackward
nuc_kodi_player_skip_fwd_10:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Player.Seek
      playerid: 1
      value: smallforward
nuc_kodi_player_skip_fwd_30:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Player.Seek
      playerid: 1
      value: bigforward
nuc_update_kodi_library:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: VideoLibrary.Scan
nuc_kodi_input_select:
  sequence:
  - service: kodi.call_method
    data:
      entity_id: media_player.nuc
      method: Input.Select
1 Like
1419

How can I have Roku as the player but the volume slider for the TV through a Harmony? I already have scripts setup for tv_vol_up, tv_vol_dn, and tv_vol_mute which I verified function as entities but what don’t know how to do is have the volume in the Mini Media Player for the TV but have the source selection from the Roku.

1420

Make a universal media_player https://www.home-assistant.io/integrations/universal/

1422

Is there any way the “power” icon be changed into slider/toggle switch?

1425

Hi ,
sorry to bother , how did you manage to have the multiroom with alexas
I added 3 dfferent players Room a room b room a+b , due to i use to “fake” the request to play on the multiroom name created on amazon it start then playng on all the 3 entities.
In your case i see only 1 card , how can yo triggere one or the other layer , or both if you want to play multiroom and what are you streaming from?
Thanks

1426

Thanks for the player/card :slight_smile:

1 Like
1427

Not sure if this is a problem with the lovelace, the card, chrome or my homeassisant… BUT:

I have a mini media player card and whenever i want to edit this in my lovelace code-editor my browsers crash. So far, i only observed it with this specific card:

entities:
  - artwork: full-cover-fit
    entity: media_player.spotify
    group: true
    hide:
      artwork_border: true
      controls: false
      icon: false
      name: true
      power: true
      progress: false
      source: false
      volume: false
    info: fit
    type: 'custom:mini-media-player'
  - entity: media_player.snapcast_wohnzimmer
    group: true
    hide:
      controls: true
      icon: false
      power: true
      progress: false
      source: true
      volume: false
    icon: 'mdi:sofa'
    name: Wohnzimmer
    type: 'custom:mini-media-player'
  - artwork: full-cover-fit
    entity: media_player.snapcast_kuche
    group: true
    hide:
      artwork_border: true
      controls: true
      icon: false
      mute: false
      power: true
      progress: false
      source: true
      volume: false
    icon: 'mdi:food-fork-drink'
    name: Küche
    type: 'custom:mini-media-player'
  - artwork: full-cover-fit
    entity: media_player.snapcast_bad
    group: true
    hide:
      artwork_border: true
      controls: true
      icon: false
      power: true
      progress: false
      source: true
      volume: false
    icon: 'mdi:human-male-female'
    name: Bad
    type: 'custom:mini-media-player'
  - artwork: full-cover-fit
    entity: media_player.snapcast_schlafzimmer
    group: true
    hide:
      artwork_border: true
      controls: true
      icon: false
      power: true
      progress: false
      source: true
      volume: false
    icon: 'mdi:hotel'
    name: Bett
    type: 'custom:mini-media-player'
  - artwork: full-cover-fit
    entity: media_player.snapcast_schlafzimmer_tv
    group: true
    hide:
      artwork_border: true
      controls: true
      icon: false
      power: true
      progress: false
      source: true
      volume: false
    icon: 'mdi:television'
    name: TV
    type: 'custom:mini-media-player'
type: entities

Any idea what the reason could be?

1428

No, try clearing cache, try another browser/incognito, try with a smaller config, and add more step by step to easier pinpoint the issue.

1429

Is there a variable to ALWAYS show the Sonos Group Speakers? I’m building this card as part of a wall-mount tablet setup, and I don’t want the card size to consistently change. I was hoping it to always display the speaker group upon initial load and stick there that way. Anyone else accomplish this?