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

Do you have a link to the github documentation?

Not to sound rude, but itā€™s literally the first post of this thread. I get you want an answer, but all threads have a first post where they explain what the project is and a Github link.

Also in HACS, where you installed it, it loads up the read me. And the fork I linked also had the same readme and mentions the original repo you can click on.

Thanks, will read in detail.

How can I do browser-mod popup for tap ā€œaction: fire-dom-eventā€ in either picture entity or picture glance cards?

Both ā€œPicture entityā€ cards and ā€œPicture Glanceā€ do not allow ā€œfire-dom-eventā€. It only allows browser-mod pop up. But it would pop up to every one of my tablets on the wall. I just want to pop up to the tablet that was tapped.

Hi,
1.
can someone point this out, what can be wrong with browser mod?
I have browser mod with hide header, that is working fine:
a
Then, when I navigate to a page on another dashboard, this happen:


As you can see, part of the header appear, which does not disappear even when Iā€™m going back to the original page. Only a reload page helps.

Or it could be, there is another issue not related to browser mod?
.
2. is it possible to detect in a script or template, on which device Iā€™m running the HA dashboard? (in browser mod I have 4 registered devices)
Thanks in advance.

Did you ever get an answer to this? Every time I restart HA, I have to go around to all my devices, refresh and then interact with them to get them working again.

browser mod has a setting for that ā€˜yellowā€™ hand icon at the bottom right corner so you can control that.

Is it possible to get live camera Browser_mod popup automations streamed via Nabu Casa or is it a limitation of this integration?

Thatā€™s the only thing that debates me from not using Nabu Casa from work as my browser popups that streams live camera feeds on motion detection only shows freeze frames rather than a video stream. Works perfect in the LAN environment.

Does anyone have an example of how to use the service() function within browser_mod.javascript service?

I donā€™t use nabu casa I use cloud flare tunnels but this could work for you too:
Use the go2rtc add-on with the WebRTC Camera card in the popup.

Thanks, I was actually using this already for live view cards of the cameras in the dashboard as I found that solution the least laggy/most efficient but with the tablet that is my main HA device (Iā€™m running Fully Kiosk on it) I had some issue previously with Browser_mod at least with some cameras that it would display just an empty popup a lot of times if using custom-webrtc card instead of a picture-glance alongside Reolinkā€™s integrated HA solution camera stream. But Iā€™ve ran now one of the cameras with the custom-webrtc card/go2rtc option as Browser_mod popup and itā€™s been functioning reliably also on the tablet for that one camera using it so might be just some typo or camera setting (such as http not enabled) so will explore more into that option, at least it seems to work well with Nabu Casa too and has the added benefit of being able to playback audio (needs to be transcoded to work with Reolink cameras).

@thomasloven

I noticed on this comment that someone else had this issue that browser_mod popups open on all opened tabs of the registered browser.

Is there a way to exclude all other tabs that didnā€™t trigger the service call?

The idea is to have multiple devices, browsers, tablets with dashboards that, upon click on a button for instance, open popups with other cards. What I would like to avoid is that anyone pressing the button and opening a popup triggering this in any other devices/browers tab of the same registered user.

Thanks
Martin

EDIT: I think this is a FR

Hello everyone, I have installed the mobile fix of browser mod and all is well expecet for one strange behaiour i have noticed. When i am on my iphone and on my local wifi, when i click my cctv button for example, the pop up displays to the size of my cctv windows perefectly.

However when i do the same on my celluar network, outside my home zone. The pop displays, but takes up the whole screen with my cameras displaying as they should but a lot of white space below.

Wifi

Cellular

Browsers are registered. Any ideas?

Hi,
Thanks for that integration!
I managed to make it work, but I noticed that the statuses on the popups didnā€™t refresh. I need to close the popups and open again to see the entities changes.
Am I missing some point ?

I found the problem : if I put the colors in the card, in the status (on/off) part, it does not work.
If I use the theme to change the colors, it is ok.

But I still have the problem with my battery eufy cameras.
When I open the popup, the video card does not find the stream, as it is not active. I have a button to activate it, but the video card does not load the stream.
Anybody experienced that ?

Did you find a fix?

Hello! Iā€™m new to HA so I appreciate any insight. Im trying to create a timer that reverts to a particular dashboard no matter what dashboard you are on after a certain time. Specifically the Calendar and to do lists. Iā€™ve created the below but I cant get it to actually work automatically. Only when i press run. Any help is appreciated.

alias: Revert to home screen
description: ""
trigger:
  - platform: device
    device_id: e3d3e8b6749ef1f6c027211af646a01c
    domain: media_player
    entity_id: 92e2b4616732b8ca3353ddbdd0928a11
    type: idle
    for:
      hours: 0
      minutes: 0
      seconds: 10
condition: []
action:
  - service: browser_mod.navigate
    metadata: {}
    data:
      path: http://10.14.3.123:8123/dashboard-home
mode: single

Any help is appreciated!

Hi Seth, have you looked at the traces?
Also, have look at: Why and how to avoid device_ids in automations and scripts

Nick, Thanks for the help. You set me off on the right path to learn what I needed.

alias: Revert to home screen
description: ""
trigger:
  - platform: state
    entity_id:
      - binary_sensor.home
    from: "on"
    to: null
    for:
      hours: 0
      minutes: 5
      seconds: 0
condition: []
action:
  - service: browser_mod.navigate
    metadata: {}
    data:
      path: http://10.14.3.123:8123/dashboard-home
mode: single

Thank you!

    tap_action:
      action: fire-dom-event
      browser_mod:
        service: browser_mod.popup
        data:
          content:
            type: vertical-stack
            cards:
              - type: custom:mushroom-template-card
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-entity-card
                  - type: custom:mushroom-entity-card
        card_mod:
          style:
            card-mod-more-info-yaml: |
                .: |
                  ha-dialog {
                    --vertical-align-dialog: center !important;
                  }      
                $: |
                  .mdc-dialog {
                    backdrop-filter: blur(4px) !important;
                    -webkit-backdrop-filter: blur(4px) !important;
                    background: rgba(0,0,0,0.1);
                  }

My card isnt moving at all and is not transparantā€¦ where did i go wrong ?

edit: probably the card-mod-more-info-yaml: but what is the right ?