fresh-home/lovelace/phone/media.yaml

type: sections
max_columns: 4
title: Media
path: media
icon: mdi:music
subview: true
sections:
  - type: grid
    cards:
      - type: custom:mini-media-player
        entity: media_player.front_room_tv
        toggle_power: true
        artwork: material
        info: short
        source: full
        volume_stateless: false
        group: false
        idle_view:
          when_standby: true
          when_idle: true
      - type: custom:firemote-card
        entity: media_player.front_room_tv
        device_family: roku
        device_type: roku-ultra-2020
        compatibility_mode: default
        roku_remote_entity: remote.front_room_tv
        app_launch_1: youtube
        app_launch_2: disney-plus
        app_launch_3: max
        app_launch_4: hulu
        app_launch_5: function-find-my-remote
        visible_name_text: Front Room
        name_position: top
        visible_name_text_color: '#ffffff'
        grid_options:
          columns: full
        defaultRemoteStyle_override: RVR
        app_launcher_relative_size: '8'
        useCustomSkin: true
        dpad_style: minimal
        scale: '100'
    column_span: 1
  - type: grid
    cards:
      - type: custom:mini-media-player
        entity: media_player.downstairs_roku
        toggle_power: false
        artwork: cover
        info: scroll
        source: icon
        volume_stateless: false
        group: false
        idle_view:
          when_idle: true
          when_standby: true
      - type: custom:firemote-card
        entity: media_player.downstairs_roku
        device_family: roku
        device_type: roku-ultra-2020
        compatibility_mode: default
        roku_remote_entity: remote.downstairs_roku
        app_launch_1: youtube
        app_launch_2: disney-plus
        app_launch_3: max
        app_launch_4: hulu
        app_launch_5: function-find-my-remote
        visible_name_text: Great Room
        name_position: top
        visible_name_text_color: '#ffffff'
        grid_options:
          columns: full
        defaultRemoteStyle_override: RVR
        app_launcher_relative_size: '8'
        scale: '100'
    column_span: 1
  - type: grid
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-entity-card
                entity: select.ytube_music_player_playlist
                name: Playlist
                layout: vertical
                icon_type: none
                primary_info: state
                secondary_info: name
              - type: custom:mushroom-entity-card
                entity: select.ytube_music_player_speaker
                name: Speakers
                icon_type: none
                layout: vertical
                primary_info: state
                secondary_info: name
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-media-player-card
                entity: media_player.ytube_music_player
                name: YouTube Music Player
                volume_controls:
                  - volume_mute
                  - volume_set
                use_media_info: true
                use_media_artwork: true
                media_controls:
                  - on_off
                  - previous
                  - next
                  - play_pause_stop
          - !include /config/lovelace/templates/card-mini-media-player.yaml
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-entity-card
                entity: select.ytube_music_player_play_mode
                layout: vertical
                icon_type: none
                name: Play Mode
                fill_container: true
              - type: custom:mushroom-entity-card
                entity: select.ytube_music_player_repeat_mode
                layout: vertical
                name: Repeat Mode
                icon_type: none
                fill_container: true
              - type: custom:mushroom-entity-card
                entity: select.ytube_music_player_radio_mode
                layout: vertical
                icon_type: none
                fill_container: true
              - type: custom:button-card
                styles:
                  card:
                    - height: 64px
                state:
                  - operator: template
                    value: >
                      [[[ return
                      states['media_player.ytube_music_player'].attributes.likeStatus
                      == "LIKE"]]]
                    icon: mdi:thumb-up
                  - operator: template
                    value: >
                      [[[ return
                      states['media_player.ytube_music_player'].attributes.likeStatus
                      == "INDIFFERENT"]]]
                    icon: mdi:thumb-up-outline
                  - operator: default
                    icon: mdi:power-off
                    value: false
                tap_action:
                  action: call-service
                  action: ytube_music_player.call_method
                  service_data:
                    entity_id: media_player.ytube_music_player
                    command: rate_track
                    parameters: thumb_toggle_up_middle