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

You did see this, right?
image

yeap, saw it, but it does not change anything.
I refresh the page, the icon appears, I tap on it and the media_player is still unavailable. It does not happen after some time like it becomes idle or something. Itā€™s unavailable from beginning

This card shows popups properly:

type: button
entity: switch.naa_zigbee_switch_obyvacka
tap_action:
  action: call-service
  service: browser_mod.popup
  data:
    title: TITLE
    content:
      type: entities
      entities:
        - entity: sensor.electricity_pulse_counter_power_total
        - entity: sensor.electricity_month

this card shows empty popup - difference is only that it is not native button card, but custom button card - how is that possible ?

type: custom:button-card
entity: switch.naa_zigbee_switch_obyvacka
tap_action:
  action: call-service
  service: browser_mod.popup
  data:
    title: TITLE
    content:
      type: entities
      entities:
        - entity: sensor.electricity_pulse_counter_power_total
        - entity: sensor.electricity_month

Are you sure custom-button-card supports data yet, and not just the legacy service_data?

Not sure but it works normally with old browser-mod

1 Like

Hi, I can confirm that custom:button-card worked with browser-mod as I use it very extensively.

tap_action:
  action: fire-dom-event
  browser_mod:
    command: popup
    title: Jƶrg
    card:
      dark_mode: false
      entities:
        - entity: person.jorg
      hours_to_show: 12
      type: map
      default_zoom: 12
````
as well as 
````
tap_action:
  action: fire-dom-event
  browser_mod:
    command: popup
    title: Settings
    card:
      cards:
        - entity: alarm_control_panel.blink_varaderocam
          type: alarm-panel
        - entity: alarm_control_panel.hmip_alarm_control_panel
          type: alarm-panel
        - type: button
          tap_action:
            action: toggle
          entity: script.command_alarm_off
          icon: mdi:alarm-light-off
          name: Alarm aus
        - entities:
            - entity: variable.last_camera_refresh
            - entity: binary_sensor.blink_eingang_battery
            - entity: binary_sensor.blink_garten_battery
          show_header_toggle: false
          type: entities
      type: vertical-stack
type: custom:button-card
````
works rock solid

Did you clear cache? Iā€™ve had to, otherwise media player was unavailable. On PC - chrome or edge press F12(developer tools) then right-click on refresh icon (on the left of address bar) and select ā€œempty cache and hard refreshā€

I canā€™t get the popup with the camera working again. What could be wrong?

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:
      title: Test
      content:
        type: entities
        entitites:
          - camera.deurbel_high
      size: wide
mode: single

Not sure I use a fire-dom-event for my popups and that seems to work fine with custom button card. Also with the new browser mod 2.0.

I tried also fire-dom-event without success :confused:

Iā€™m having the same issue - canā€™t get popup working again from an automation.

Share your code plz

For troubleshooting purposes I have simplified the trigger and action in my automations.yaml file to the below:

  trigger:
    - platform: state
      entity_id: switch.master_bathroom_shower
      to: 'on'
  action:
    - service: browser_mod.popup
      data: 
        content:
          type: weather-forecast
          entity: weather.downstairs_ecobee

is there any solution for this?

blur behind a popup and also transparency, is such nice effect that sould be incorporated in browse mod
something like

popup_blur: true
popup_transparency: true

:sweat_smile:

2 Likes

I use the HomeKit Pannel Card with various popup cards like light-popup-card and layout-card. How do I call these popups now in version 2?

An example from my config that worked in the previous 1.5 version:

             - entity: light.local_tuya_living_room_lamp
                name: Lamp
                icon: mdi:lamp
                popup:
                  type: custom:light-popup-card
                  scenesInARow: 2
                  brightnessWidth: 130px
                  brightnessHeight: 350px
                  switchWidth: 110px
                  switchHeight: 300px
                  color: '#13485f'

Just updated to Browser Mod 2.1 and my pop up isnā€™t working after updating the code.

Old PopUp Code (v1.5):

      - cards:
          - aspect_ratio: 50%
            entity: camera.radar
            show_name: false
            show_state: false
            style: 'ha-card { height: 180px; }'
            type: picture-entity
            tap_action:
              action: fire-dom-event
              browser_mod:
                service: browser_mod.popup
                data:
                  deviceID: this
                  auto_close: true
                  content:
                    card:
                      image: /local/images/Sat_Rad.JPG
                      type: picture
                style:
                  .: |
                    :host {
                      --mdc-theme-surface: rgba(0,0,0,0);
                      --secondary-background-color: rgba(0,0,0,0.5);
                      --ha-card-background: rgba(0,0,0,0.5);
                    }
                    :host .content {
                      width: 80vw;
                      height: 70vh;
                     }

        type: horizontal-stack

New Popup Code:

      - cards:
          - aspect_ratio: 50%
            entity: camera.radar
            show_name: false
            show_state: false
            style: 'ha-card { height: 180px; }'
            type: picture-entity
            tap_action:
              action: fire-dom-event
              browser_mod:
                service: browser_mod.popup
                data:
 
                  content:
                    image: /local/images/Sat_Rad.JPG
                    type: picture

        type: horizontal-stack

What am I doing wrong?

nothing wrong with code seems to work ok
did you register browsers

Thanks for the suggestion, when I went to check the integration page, it showed Browser_Mod failed to loadā€¦A reboot cured it.

ā€“dialog-backdrop-filter: blur(2em) brightness(0.75);
you can start from this ā€¦

1 Like

Iā€™m having trouble specifying an action from the additional right and left buttons. I canā€™t call the navigate service.
right_button_action:
action: navigate
navigation_path: /lovelace-tablet/server_ha