šŸ”¹ Browser_mod - turn your browser into a controllable device, and a media_player

You should probably install HACS though with

curl -sfSL https://hacs.xyz/install | bash -

though.
Then follow the guide at https://hacs.xyz/docs/installation/prerequisites.
Then just go to the integrations tab, and select the plus, and search for browser_mod.
Once youā€™ve found it, click on it, and click on install.

thx maN, very help

Trying to play a local file thru my tablet with fully kiosk browser plus.
But it cant play any sound, not even tts. Is there any setting i should make in fully or somewhere else? Works on my pc =)

Can you play sound with other apps?

Yes i can. I dont have the home assistant app installed on my tablet. Can that be the reason?

It could be. Make sure your volume is up.

max volume :stuck_out_tongue: tried with ha app installed now and still no audio.

Huh. Does other browser_mod stuff work, like browser_mod.toast?

I dont know what that is yet, just installed this.
but i can toggle the screen on/off and change brightness with browser mod entity.
I can play tts audio on the tablet thru fully http://192.168.1.127:2323/?cmd=textToSpeech&text=Welcome+Home&password=password

If that works, use it with shell_command and curl.

service: browser_mod.toast
service_data:
  message: Short message

i dont get any messages on any device.
shell command with fully url? I want to play a local mp3 file :stuck_out_tongue: Is that possible with fully maby ? :stuck_out_tongue:

First one:
Oddā€¦ How are you testing it? Developer tools? Screenshot? Itā€™ll show up as a little notice on the bottom left, no sound.
Second one:
Yes, you can use Fully. If you can play stuff using TTS and curl, you should be able to make a shell command to do it. Check out


Any service data can be accessed as a template variable.

Yes with Developer tools. Can u please tell me what curl is or link me where i can read about that :stuck_out_tongue:
Thanks i will check that out =)

Curl is a command line utility to make web requests. If the example you posted before was doable from your browser, you should add to your configuration this and restart HA:

shell_command:
  tablet_tts: 'curl "http://192.168.1.127:2323/?cmd=textToSpeech&text={{ message }}&password=password"'

Run by opening devtools, and choosing shell_command.tablet_tts. Set the data message to your message, like:

message: "Hi there"

And call it.

Nice! Thank you so much!!! :smiley: that works good.
Have been tesing more with broswer_mod now, everything now works except media_play on my tablet :stuck_out_tongue:

media_content_id: 'http://192.168.1.4:8123/local/kaffe.mp3'
entity_id: media_player.tablet_kiosk
media_content_type: music

media_player state on the tablet is stuck on ā€œPlayingā€ after first try i send it a message to it. When i try it on my pc it goes back do ā€œidleā€ when audio is done

I found out how to play mp3 files with fully now.
http://192.168.1.127:2323/?cmd=playSound&url=/storage/emulated/0/ha/tts/wellcome_home.mp3&loop=false&password=password&stream=1"

I can use the shell command with that too right?

shell_command:
  tablet_tts: 'curl "http://192.168.1.127:2323/?cmd=playSound&url={{ message }}&loop=false&password=password&stream=1"'

( {{ message }} = path or url to audio)

1 Like

I love that you can now change the device id with via the query string. This is great for my desktop browser and for my kiosk screen (I can have the device id set in the URL so thereā€™s no possibility that it will ever change), but I this doesnā€™t work in the mobile app where I canā€™t just type a URL.

Iā€™ve tried adding an entities card with a weblink on my mobile Lovelace dashboard, but this doesnā€™t work. Testing the same on my desktop, it appears that the link navigates to the URL with ?deviceId=my_new_device_id, but browser_mod doesnā€™t pick it up unless I reload the page which I canā€™t do in the mobile app (at least on Android).

Is there any way of doing this?

Yes, create a custom card that has a regular a tag inside of it.

Yup, you can do that.

I have a weird issue and itā€™s hard to tell what causes this. This issue is only on iPhone and only with a dropdown menu as a browser mod popup (stock more-info with dropdown menu works fine).

This is what I get on iPhone. The dropdown menu only extends to the visible card. If the visible card is longer, you can see more of the dropdown menu. The items are there though, but not visible. Pressing on that empty space, actually selects the item that is actually there.

Just in case, I reverted to the default theme to see if maybe popup theme (introduced with the new card mod) causes this. But I get the same results. But envoking the stock more-info, shows the dropdown normally. I think because that one is fullscreen and this one isnā€™t. If I put an extra card below there (in the popup) the dropdown menu is visible further, at exactly the end of the cards.

For example:

You can see the dropdown menu is cut off again (though you can select the invisible items).

When an extra card shows (which is wrapped inside a conditional card) you get this:


You can see the dropdown menu extends further, but even then: there is one item still missing at the very bottom.

I have no issues on Android or desktop browsers. Even on iPad there is no issue:

This issue on iPhone occurs on both Safari and the official HA app. And only with dropdown menu inside popup envoked my browser mod (stock more info has no issues). Iā€™m running latest HA, browser mod, card mod and iOS 13.6 btw.

This might me card mod related, but Iā€™m not sure. Using default theme and removing style from popup still gave the issue though.

Am I the only one having this issue?