🔹 Browser_mod - turn your browser into a controllable device, and a media_player

Eckart · September 6, 2022, 3:05pm

Hello.

Is there a possibility to query if Browser_mod has already opened a pop-up?

I have two competing pop-ups - 1 camera on doorbell and 2 automated text messages aud Homematic - and I would like to proirise by inserting the condition on the automation for 2: No browser_mod popup open.

Is this possible?

Many greetings,
Eckart

itsboo · September 6, 2022, 8:02pm

can someone help me how to use tts funtion on Browser mode media devices ?
I tried this but I cant see any feedback .

service: tts.google_say
data:
  entity_id: media_player.xiaomi_pad_5
  message: this is a test message

cloudbr34k · September 7, 2022, 3:52am

im not technical and yes im read the instructions and cant find where it mentions if this is possible

I want to be able to have the pop only open on the device its open for. Right now its opens on my Phone and Computer screen when use the pop up?

Is this possible? if so happy to re read on how to do this if someone can point me in the direction please?

dmatik · September 7, 2022, 5:58am

Hi,
Updated to 2.1.2.

The popup on mobile again not in full screen (in 2.1.1 it was full screen). Still not sure if it is good or bad Was that the intention?
The padding issue on iOS/iPadOS is still not resolved. Not able constantly remove the top padding. It is not consistent. Please see below 2 screens of the same popup.

The good:

The bad:

Kweetni01 · September 7, 2022, 7:24am

I’m still stuck here. I get a empty popup. But I can’t get anything in the popup. Here I should get the camera.

alias: Test
description: ""
trigger:
  - type: occupied
    platform: device
    device_id: 46132009415975647e3ab855e80f6342
    entity_id: binary_sensor.deurbel_doorbell
    domain: binary_sensor
condition: []
action:
  - service: browser_mod.popup
    data:
      type: picture-entity
      entity: camera.deurbel_high
      size: normal
    target:
      device_id: 0c2fe81db57d37c67d44e16c43f532f8
mode: single

flobidan · September 7, 2022, 8:04am

One question before I update:

So far I had the following in my configuration.yaml, because I basically do not want to have a lot of different browser IDs in HA, I just used to for some popup functionalities on buttons that should appear in every browser.

browser_mod: 
  prefix: "browser_mod_"
  disable:
    - all

Now in the update instructions I just see that I shall remove all yaml code, but there is no information if/how I can achieve what this yaml code did before (or I missed it). Would the same option now be available with the new integration?

thomasloven · September 7, 2022, 8:41am

In Browser Mod 2 you manually register only the browsers you want registered with a button click. And then you can give them a name immediately. All from the GUI.

kajmaj · September 7, 2022, 8:50am

First error after HA restart:

Migration handler not found for entry Browser Mod for browser_mod

I´ve cleared cache (several times) , try different browsers Chrome, Opera, HA Companion), restart HA but not working

Not even the basic one. Did I omint anything?

      tap_action:
        action: fire-dom-event
        browser_mod:
          service: browser_mod.popup
          data:
            browser_ID: THIS
            content:
              type: entities
              entities:
               - light.terasa
               - light.vchod
               - light.garaz

cowboysdude · September 7, 2022, 9:08am

I’m just trying to figure out how to style the pop up? Does anyone have any examples how they did it? I’ve tried everything for the last hour and nothing is working.

Thanks all!!!

thomasloven · September 7, 2022, 9:12am

First line in installation instructions:

First make sure you have completely removed any installation of Browser Mod 1
I.e. remove browser_mod: from your configuration.yaml and delete the integration from the integrations page.

kajmaj · September 7, 2022, 9:32am

Thanx @thomasloven you are right as usuall.
I uninstalled it, but left a line in the configuration.yaml. Once removed it works.

itsboo · September 7, 2022, 9:42am

how did you get the blur effect in background?

Danny2100 · September 7, 2022, 9:53am

I don’t see anything about commands in the readme. Will this still work in version 2? Or what do I need to change to make it work?

- type: custom:mushroom-template-card
  primary: Monitor
  icon: mdi:cog
  picture: local/icons/custom_icons/data-storage.png
  tap_action:
    action: fire-dom-event
    browser_mod:
      command: commands
      commands:
        - command: navigate
          navigation_path: /lovelace/monitor
        - command: close_popup

Is this the new way?

github.com

thomasloven/hass-browser_mod/blob/d123b36b5c82d000bcb4c40bccb5e28160885957/documentation/services.md#browser_modsequence


## Reading guide
Service parameters are described using the following conventions:

- `<type>` in brackets describe the type of a parameter, e.g.

  - `<string>` is a piece of text
  - `<number>` is a number
  - `<TRUE/false>` means the value must be either `true` or `false` with `true` being the default
  - `<service call>` means a full service call specification. Note that this can be any service, not just Browser Mod services
  - `<Browser IDs>` is a list of BrowserIDs

- Square brackets `[ ]` indicate that a parameter is optional and can be omitted.

### `<service call>`

A service call is a combination of a service and it's data:

Ex, a `<service call>` for `browser_mod.more_info` with `light.bed_light` as entity:

This file has been truncated. show original

- type: custom:mushroom-template-card
  primary: Monitor
  icon: mdi:cog
  picture: local/icons/custom_icons/data-storage.png
  tap_action:
    action: call-service
    service: browser_mod.sequence
      data:
        sequence:
          - service: browser_mod.navigate
            data:
              path:  /lovelace/monitor
          - service: browser_mod.close_popup

Based on documentation the above way is the same as fire-dom-event in that it targets the browser that called it not all browsers?

woodmj74 · September 7, 2022, 9:54am

see posts above:

or

sebbaT · September 7, 2022, 9:56am

For those interested in styling using card_mod. These are what I’m using below.

Hide header:

    ha-header-bar$: |
      .mdc-top-app-bar {
        display: none !important;
      }

Blur Background:

    ha-dialog$: |
      div.mdc-dialog__scrim {
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
        background-color: rgba(0,0,0,0.8) !important;
      }

itsboo · September 7, 2022, 10:12am

@sebbaT none of these works for me ( no blur effect)

service: browser_mod.popup
data:
  card_mod:
    style:
      ha-dialog$: |
        div.mdc-dialog__scrim {
          backdrop-filter: blur(15px) !important;
          -webkit-backdrop-filter: blur(50px) !important;
          background-color: rgba(0,0,0,0.8) !important;
        }
  title: test
  content:
    type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card

sebbaT · September 7, 2022, 10:32am

This should be working. I’ve just tested your code and it works.

My full testing code using a mushroom-light-card as the button:

type: custom:mushroom-light-card
entity: light.kitchen_cabinets
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      card_mod:
        style:
          ha-dialog$: |
            div.mdc-dialog__scrim {
              backdrop-filter: blur(50px) !important;
              -webkit-backdrop-filter: blur(50px) !important;
              background-color: rgba(0,0,0,0.1) !important;
            }
      title: test
      content:
        type: horizontal-stack
        cards:
          - type: custom:mushroom-template-card

itsboo · September 7, 2022, 10:34am

sadly it does not work for me tho
this worked for now

–dialog-backdrop-filter: blur(2em);

GoodyGizmos · September 7, 2022, 1:04pm

Here it states “It’s advisable to use a fire-dom-event tap action instead as far as possible.”

Why is the fire-dom-event method preferred (e.g. speed, reliability, etc.)?

When I call a popup card using fire-dom-event, if the view previously required a scroll bar, the scroll bar disappears causing the entire screen to shift (and then back again when the popup is closed).

Is there a way to prevent this shift?

When I use the new popup card, my entire view shifts to being right-justified instead of centered on a display that has extra horizontal space. On a smaller screen with no extra horizontal space, it actually causes the displayed columns to swap. The view’s layout is custom:horizontal-layout and when I comment out the popup card, it returns to the center and the columns return to their proper positions, respectively.

Could this be an artifact of the popup card being hidden but still affecting the layout or something I’m not configuring properly?

maurizio53 · September 7, 2022, 1:12pm

What is wrong in this?

                tap_action:
                  action: call-service
                  service: browser_mod.popup
                  data:
                    title: Map
                    content:
                      type: map
                      default_zoom: 14                    
                      entities:
                        - device_tracker.maurizio_fabiani
                      hours_to_show: 24
                      dark_mode: false

I only get an empty popup…
All was working good before the 2.0 release.
Any hints?
EDIT: How to disable light and media_player from the default browser just i did before with - disable: all?