Parts <\/h2>\n\n\n\n\n- Max7219 display<\/a><\/li>\n\n\n\n
- Esp8266<\/a> or ESP32<\/li>\n<\/ul>\n\n\n\n
Getting Attribute Data<\/h2>\n\n\n\n
We need to first know what attributes we want to grab from the media player and display on our screen. To get the list of available attributes, we can to go to the developer tools -> states. From here, we find the media player we want to gather data from and take a look at what’s available for information. For this, I’ll be looking at my music assistant group player.<\/p>\n\n\n\n![\"\"](\"https:\/\/lab.rapternet.us\/wp-content\/uploads\/2024\/09\/image-24-1024x490.png\")
Developer Tools – States<\/figcaption><\/figure>\n\n\n\nThe key components I wanted to display are the band and song title, which are media_title and media_artist according to the state list. These will be used in my automation to set the text on the screen.<\/p>\n\n\n\n
Automation<\/h2>\n\n\n\n
For the automation, I’m using two triggers with trigger IDs. The first is when the speaker group is turned on or off. This will be used to clear the display either when the music is stopped playing or prior to starting it. The second trigger is when the media title being played changes. This is the song title changing that we want to display.<\/p>\n\n\n\n![\"\"](\"https:\/\/lab.rapternet.us\/wp-content\/uploads\/2024\/09\/image-25-1024x955.png\")
Trigger<\/figcaption><\/figure>\n\n\n\nI decided on the string format for the output as shown below. The original display that I’m showing this on is a small digital display that needs to scroll the text to show it all. The pipe character is to add a delimiter between the song and artist while it scrolls. Similarly it could have been a number of spaces as well, or if I were showing this on a longer display or one that text can’t scroll on, it could have skipped that delimiter all together.<\/p>\n\n\n\n
| Band: Song<\/pre>\n\n\n\nPutting that format into the text field in home assistant, we get the crazy template below.<\/p>\n\n\n\n![\"\"](\"https:\/\/lab.rapternet.us\/wp-content\/uploads\/2024\/09\/image-22-1024x366.png\")
Action<\/figcaption><\/figure>\n\n\n\nThe yaml text for the automation in whole is below.<\/p>\n\n\n\n
action: input_text.set_value
target:
entity_id: input_text.esphome_display_text
data:
value: \" | {{ state_attr('media_player.all_airplay','media_artist') }}: {{ state_attr('media_player.all_airplay','media_title') }}\"
<\/pre>\n\n\n\nWith this setup, we get the following output when playing a Green Day song.<\/p>\n\n\n\n\n![\"\"](\"https:\/\/lab.rapternet.us\/wp-content\/uploads\/2024\/09\/image_editor_output_image-29843563-17264898014307720159074000514772-300x237.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/lab.rapternet.us\/wp-content\/uploads\/2024\/09\/image_editor_output_image-1903228644-1726489831516205050635438048971.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/lab.rapternet.us\/wp-content\/uploads\/2024\/09\/image_editor_output_image1639547107-17264898186321644595347681933501.jpg\")
<\/figure>\n<\/figure>\n\n\n\nIt works pretty well, and would work out really well with more MAX7219 panels together, maybe 8 instead of 4, or with two lines. Use one line of the display for the artist and one for the song name. In either case, I’ll be holding onto this to make use of later as I continue building out my whole home audio system.<\/p>\n","protected":false},"excerpt":{"rendered":"
I have played with the MAX7219 display a few times in the past but never had a solid project in mind for it. With my whole home audio project though, I realized I can use it for a cool little display showing what’s currently playing on the system. I’ll want a slightly larger display to … <\/p>\n
Getting Attribute Data<\/h2>\n\n\n\n
We need to first know what attributes we want to grab from the media player and display on our screen. To get the list of available attributes, we can to go to the developer tools -> states. From here, we find the media player we want to gather data from and take a look at what’s available for information. For this, I’ll be looking at my music assistant group player.<\/p>\n\n\n\n The key components I wanted to display are the band and song title, which are media_title and media_artist according to the state list. These will be used in my automation to set the text on the screen.<\/p>\n\n\n\n For the automation, I’m using two triggers with trigger IDs. The first is when the speaker group is turned on or off. This will be used to clear the display either when the music is stopped playing or prior to starting it. The second trigger is when the media title being played changes. This is the song title changing that we want to display.<\/p>\n\n\n\n I decided on the string format for the output as shown below. The original display that I’m showing this on is a small digital display that needs to scroll the text to show it all. The pipe character is to add a delimiter between the song and artist while it scrolls. Similarly it could have been a number of spaces as well, or if I were showing this on a longer display or one that text can’t scroll on, it could have skipped that delimiter all together.<\/p>\n\n\n\n Putting that format into the text field in home assistant, we get the crazy template below.<\/p>\n\n\n\n The yaml text for the automation in whole is below.<\/p>\n\n\n\n With this setup, we get the following output when playing a Green Day song.<\/p>\n\n\n\n It works pretty well, and would work out really well with more MAX7219 panels together, maybe 8 instead of 4, or with two lines. Use one line of the display for the artist and one for the song name. In either case, I’ll be holding onto this to make use of later as I continue building out my whole home audio system.<\/p>\n","protected":false},"excerpt":{"rendered":" I have played with the MAX7219 display a few times in the past but never had a solid project in mind for it. With my whole home audio project though, I realized I can use it for a cool little display showing what’s currently playing on the system. I’ll want a slightly larger display to … <\/p>\nAutomation<\/h2>\n\n\n\n
| Band: Song<\/pre>\n\n\n\n
action: input_text.set_value
target:
entity_id: input_text.esphome_display_text
data:
value: \" | {{ state_attr('media_player.all_airplay','media_artist') }}: {{ state_attr('media_player.all_airplay','media_title') }}\"
<\/pre>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n