Can Browser Mod Pop-Up Images?

Third party integrations
1

Trying to determine whether Browser Mod can send a pop-up image to a device. I have an automation that sends a camera snapshot from a Config subfolder to Android TVs, but would also like to target some Android tablets.

2

Clearly I had to re-read the docs. I now have this in an automation, popping-up on all Browser Mod-assigned devices, side-by-side 2 cameras for 20 seconds:

service: browser_mod.popup
data:
  large: true
  size: wide
  auto_close: true
  timeout: 20000
  content:
    type: horizontal-stack
    cards:
      - show_state: false
        show_name: false
        camera_view: auto
        type: picture-entity
        entity: camera.north_driveway
      - type: picture-entity
        entity: camera.north_landing
        show_state: false
        show_name: false
        camera_view: live
4 Likes
3

Can’t thank you enough for this. Was able to adjust it for all my needs.

20230822_160950_1

4

Hi,
I see three tabs but they are still quite small, how can I enlarge the camera images?
I have already tried: size: normal and wide

5

Hello @curtis-r,
Yes, Browser Mod can send pop-up images to devices. You can use the browser_mod.popup service to display images on Android TVs and tablets. Here’s a basic example: flvslogin.com

yaml

service: browser_mod.popup
data:
  size: wide
  auto_close: true
  timeout: 20000
  content:
    type: horizontal-stack
    cards:
      - type: picture-entity
        entity: camera.your_camera_name
      - type: picture-entity
        entity: camera.another_camera_name

This will display a pop-up with snapshots from two cameras. Adjust the content and size parameters as needed for your setup.

Best Regards,
Daniel Lopez

6

Hi Daniel,

I had understood that so far. I have also just found my mistake. I had changed it for further cameras to the type: Grid and then worked with 2 columns, for easier maintenance is partly in the UI and the content as Yaml, I had then forgotten the “size” in the UI :wink:

actions:
  - action: browser_mod.popup
    metadata: {}
    data:
      dismissable: true
      browser_id:
        - 1
        - 2
        - 3
      content:
        type: grid
        columns: 2
        square: false
        cards:
          - show_state: false
            show_name: false
            camera_view: wide
            type: picture-entity
            entity: camera.doorbell
          - type: picture-entity
            entity: camera.g5_dome_ultra_high_resolution_channel
            show_state: false
            show_name: false
            camera_view: live
          - type: picture-entity
            entity: camera.garden_medium_resolution_channel
            show_state: false
            show_name: false
            camera_view: live
      title: "Cam:"
      size: wide
mode: single