Music Assistant in Dashboard View (not sidebar) when using https

Hi all, I have HA configured on https://mydomain.com:8123. I’m hosting my own DNS and I’m using certificates via Let’s Encrypt. I would like to now embed MA in a regular dashboard view but it appears the MA web server is only available over http and therefore the webpage card approach doesn’t work. Embedding https://mydomain.com:8123/d5369777_music_assistant does work with the webpage card but duplicates the HA sidebar, header etc.

How can I resolve this? The use case is I would like to get rid of the sidebar for a fully kiosk view and for mobile devices to streamline the interface.

thanks.

This is the link of the dashboard.
To get the “real” link, right click inside music assistant and select This frame → Show only this frame.

2 Likes

use this card: GitHub - lovelylain/ha-addon-iframe-card: HA webpage card with addon ingress support.
url: d5369777_music_assistant

4 Likes

Thank you! Using this card solved my 401 unauthorised error after getting the correct URL from @JohnFLoki’s direction.

Does this still working for you or it stop working after some time?

Does anyone has a clue how I could make this work with using Minimalist UI? Appereantly the ingress card is not support :frowning:

Also tried with kios addon and the link ending with ?kiosk. But somehow this is not hiding the sidebar.

This is by far the easiest and (in my opinion the best) way of doing this. Nice work!

How did you get it to work.
I have the same setup with Nginx reverse proxy.
I have https://homeassistant.mydomain.xx
I’m using it on a Nest Hub.
Found the correct link.
Have tried everything, but it won’t show unless I just open port 8095, but then I have no safety, since Music Assistant doesn’t provide login.

FYI… make use to use url: d5369777_music_assistant

not url: /d5369777_music_assistant

the extra / will replicate the main Home Assistant side-bar menu (left side menu)…