media.md

Media View

Readme | Home View | Media | Rooms | Cameras | Comics | System | Floor Plan

Components in this View

0. Lovelace Layout Card - Backend card that provides more control in how to organize your Lovelace cards in a readable format, versus the previous method of using vertical and horizontal stacks. You define the columns and choose where to insert breaks, thus maximizing screen space. | My Config | Github |

1. Compact Custom Header - Reduces the height of the original HA header, saving precious space needed on small tablets like the Fire HD8. Also adds a clock. To use the header with the layout card or stack card, it must be placed within the layout card, not outside. | My Config | Github |

2. Media/Lights Menu - Pressing the button will switch display of the media buttons (see screenshot) and lights buttons (not pictured). Behind the scenes, the button is switching between states of the Input Select Entity called 'Menu', and a Conditional Lovelace card displays the appropriate buttons based on Menu's state. | My Config |

   • The Media Center/Lights Button controls the Input Select entity titled 'Menu'. Pressing on the button switches the 'Menu' to Media Center or Lights. The button color also changes based on the state. | My Config |
   • An Input Select entity is used by the button card to toggle between 'media center' and 'light' buttons. | My Config | HA Component |

3. Media Center Buttons - First row of buttons is used for volume and power of the TV and AV receiver. Second row consists of activity buttons. For example, pressing on the XboxOne button will send commands to the TV and AV receiver to set to the correct inputs for the XboxOne. | My Config |

   • Conditional Lovelace Card is used to display the appropriate buttons on screen. When the 'Menu' Input Select is set to 'Media Center,' the media buttons appear. When set to 'Lights,' the light buttons appear. | My Config | HA Lovelace Card |
   • Horizontal Stack Card is used to position multiple buttons in one row. | My Config | HA Lovelace Card |
   • Button Cards are used to toggle a script or specific media player commands to the TV and AV receiver, like a Logitech Harmony or universal remote, but better as I can write conditional statements based on the power state of the TV and receiver. Button color also changes depending on the TV and/or AV receiver's current input, which is reported in the TV template sensor I created. For example, the TV Power button lights up when the TV is on. | My Config | Github |
   • The Pioneer/Onkyo AV Receiver component controls the AV receiver and reports state (on/off/input). I use this media player in the button cards. | My Config | HA Component |
   • The LG WebOS TV component controls the TV and reports state (on/off/input). I use this media player in the button cards. | My Config | HA Component |
   • The Template sensor is used to record state of the AV receiver and drives the logic behind button color changes. I was too lazy to write the template within the button card. | My Config | HA Component |
   • The Logitech Harmony Component can also be used to power the media buttons, but it's better to connect the TV and AV receiver to Home Assistant directly, if possible. | HA Component |
   • One of my Home Assistant Scripts has a lame way of changing the TV input, depending on whether the TV is on. I couldn't write a proper template to detect TV state, so I first change TV input, then power on and change TV input again. It works for me. | My Config |

4. Mini Media Player Card (TV) - Combines multiple media players into one. In this case, it combines the LG WebOS TV, XboxOne and Playstation4 media players. | My Config | Github |

   • Requires Universal Media Player entity to combine multiple media players into one. | My Config | HA Component |
   • Uses the LG WebOS TV Component. | My Config | HA Component |
   • Uses the XboxOne Hass.io add-on. Requires several steps to setup the add-on, so read directions carefully! | My Config | Github |
   • Also uses the Playstation 4 Hass.io add-on. It is very difficult to setup, so follow the community tutorial. | My Config | Github | Highly Recommended Tutorial |
   • Images originally from denon.jp, which I modified slightly.

5. Spotify Playlist Card - Displays your Spotify playlists, starting from the top order. Pressing on the playlist button will start playback, though it doesn't work unless Spotify was playing recently. | My Config | Github |

   • Spotify Playlist Sensor required to setup. | My Config | Github |

6. Mini Media Player (AV Receiver) - I wanted to show graphics of the TV, AV receiver, and music player on this view so I added a card. AV receiver inputs are renamed in the YAML file. | My Config | Github |

   • Uses the Pioneer/Onkyo AV Receiver component. All video and audio inputs are connected to the receiver, and relabeled in the YAML file.| My Config | HA Component |
   • Images originally from denon.jp, which I modified slightly.

7. Mini Media Player Card (Music) - Displays cover art and media controls of the currently playing device (usually a Chromecast). | My Config | Github |

   • Requires Universal Media Player entity to combine multiple music media players into one. | My Config | HA Component |
   • Requires a media player, such as Chromecast. Having HA Discovery component enabled will allow HA to automatically detect Chromecasts or Google Home on the network. | My Config | HA Component |
   • Images originally from denon.jp, which I modified slightly.