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

jimz011 · October 2, 2019, 3:20pm

I really loved the popup-cards, this mod seems to be even better though it misses a few thing for me. First the ability to have all stuff on a separate file (e.g. currently I have the popup config in a separate file). To my knowledge anchors don’t work on multiple files.

Second is, when used in conjuction with deep-press nothing happens. The deep-press triggers but no popup shows. (It does work when turning deep-press off).

For me it makes this virtually useless as I use deep-press everywhere. I also tried it with the script example from your docs. The script gets executed but nothing happens (I even tried setting the device-id to the one I use instead of “this”).

I hope someday this works, as I love your mods. They are great and I don’t like to rely on deprecated addons .

Thanks for your hard work @thomasloven

thomasloven · October 2, 2019, 5:32pm

The version number can be anything https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#2-update-the-version-number-in-the-resources-section
It doesn’t even have to be a number.

thomasloven · October 2, 2019, 5:36pm

I can’t say much about deep-press, but…

type: entities
entities:
  - entity: sun.sun
    tap_action: !include my-awesome-popup.yaml

…
If I’d have to guess, btw. I’d say the deep press somehow triggers the closing of the popup as well. Does it work with hold_action: more-info?

jimz011 · October 2, 2019, 6:11pm

Ah yes that is a fairly good method. Though I had all popup cards in a single file. But this can serve my needs.

The thing is, if you use deep-press (lovelace mod) with popup cards it will work as you just call up a more info window (replaced by the popup card ofc). It seems for some reason that when you do an actual service-call that it will not trigger. It probably has to do with that deep-press mod and it’s ability to fade in/out cards.

I will ask the dev of deep-press if he knows what might be the problem. Thank you for your response @thomasloven

dgarciadonado · October 2, 2019, 7:09pm

Thank you for your fast response Thomas,
Right now I have these 4 buttons associated to 4 Input Boolean and 4 conditional Cards (Card X) associated to the condition of the 4 input_boolean. If I press Button1 Card 1 is shown and the other three are hidden, if I press Button 2 card 2 is shown …

Card_Example

The problem is that if I push one of the button I am changing the interface in all the opened devices, and I want that they work in a separate way (i.e. my laptop is showing card 1 and my phone is showing card 2)

I think that being able to know (and store in a variable) the device it was activated from, I can make a conditional card based on this variable. Maybe there exists a way to make this thing easier, but is the only solution I’ve just found right now.

Thank you very much for your time.

thomasloven · October 2, 2019, 7:11pm

I see. Then I have good news for you.

Mariusthvdb · October 2, 2019, 7:54pm

sure, thanks for chiming in.
I am aware of that, and that the computers might not need it. It’s more that us humans need it would be very nice to be able to distinguish if one has the latest version (check a version number) or has to dl a new version.

That being said, I’ve now set it to the above, release 6, so guess the next version 7 will be unique enough for the computer…

thomasloven · October 3, 2019, 6:48am

You can use this number:

It’ll be unique, but update more often than the release number.

maurizio53 · October 5, 2019, 10:33am

I have this code to open two custom button cards in the same popup, but it doesn’t work.
Where am i wrong or it’s not possible at the moment?

                    tap_action: 
                      action: call-service
                      service: browser_mod.popup
                      service_data:
                        title: Swiss Classic
                        card:
                          type: custom:button-card
                          name: Plus
                          tap_action:
                            action: call-service
                            service: media_player.play_media
                            service_data:
                              entity_id: media_player.echo_plus
                              media_content_id: "http://stream.srg-ssr.ch/m/rsc_it/mp3_128"
                              media_content_type: "audio/mp4"
                          type: custom:button-card
                          name: Spot
                          tap_action:
                            action: call-service
                            service: media_player.play_media
                            service_data:
                              entity_id: media_player.echo_spot
                              media_content_id: "http://stream.srg-ssr.ch/m/rsc_it/mp3_128"
                              media_content_type: "audio/mp4"                      
                        deviceID: this

If i do in this way i get only the first name ‘Spot’ in the Popup, and if i use the two cards as list i get error with no type card configured. More, why the popup shows only the second card name and not the first one?

This if i use two cards as list

mviamin · October 5, 2019, 3:40pm

Hello : Using a Fire 7 and a Fire 8, FullyKiosk Pro on both.

The config works and I can switch the screen on/off, send debug message, etc… to the tablets. Only issue is the camera.

I have camera enabled in config.yaml.

browser_mod:
  devices:
    99216c76_fab8xxxx:
      name: Fire8
      camera: true
      fullykiosk: true
    f9c5876a_7907xxxx:
      name: fire7mas
      camera: true
      fullykiosk: true

I have enabled the following in FullyKiosk settings

Advanced Web Settings > javascript interface
Web Content Settings > Webcam Access

I have restarted FullyKiosk and rebooted the Fire too. Maybe I am stuck on “clearing the cache”. I have done that from FullyKiosk on the tablets, restarted but never got the prompt from Fully to access my camera. Is there some other setting I need to enable ?

Any ideas ?

Thanks

thomasloven · October 5, 2019, 6:38pm

If only there was a card which could keep other cards inside it. Stack them on top of each other, or so…

thomasloven · October 5, 2019, 6:40pm

The browser_mod camera connection actually only works if you have Webcam Access turned off, as I recently found out.

I’d recommend using this method anyway.

maurizio53 · October 5, 2019, 7:38pm

Yes, i realized that and stacked the two into a vertical stack… all is working now !

vipk31 · October 8, 2019, 4:42am

Can you show config when it is fixed? thanks

maurizio53 · October 8, 2019, 9:44am

Here it is:

                  - type: custom:button-card
                    name: Radio ABC Jazz
                    styles:
                      card:
                        - padding: 12px 0px
                        - font-size: 14px
                        - font-weight: bold
                    tap_action: 
                      action: call-service
                      service: browser_mod.popup
                      service_data:
                        title: Radio ABC Jazz
                        card:
                          type: vertical-stack
                          cards:
                            - type: "custom:button-card"
                              name: Plus
                              tap_action:
                                action: call-service
                                service: script.turn_on
                                service_data:
                                  entity_id: script.play_jazz_plus
                            - type: "custom:button-card"
                              name: Spot
                              tap_action:
                                action: call-service
                                service: script.turn_on
                                service_data:
                                  entity_id: script.play_jazz
                    hold_action:
                      action: call-service
                      service: browser_mod.popup
                      service_data:
                        title: Radio ABC Jazz
                        card:
                           type: vertical-stack
                           cards:
                             - type: custom:mini-media-player
                               artwork: none
                               name: Sonos Salotto
                               icon: mdi:speaker-wireless
                               entity: media_player.sonos_stereo
                             - type: custom:mini-media-player
                               artwork: none
                               name: Sonos Studio
                               icon: mdi:speaker-wireless
                               entity: media_player.studio
                        deviceID: this
                        style:
                          border-radius: 20px
                          --ha-card-border-radius: 20px
                    styles:
                      card:
                        - padding: 12px 0px
                        - font-weight: bold
                        - font-size: 14px

Hope it helps…

matisaul · October 8, 2019, 3:19pm

Hi @thomasloven, is there any way to know my actual device, to send a tts in the media_player created for that device? Do you understand what I try to do?
Thanks for this great component!

thomasloven · October 8, 2019, 8:14pm

The debug command or the browser-player card.

matisaul · October 8, 2019, 8:51pm

Yeah, I understand that… But, is it an “easy way” to call a service with that specific media_player, depending of the device where I push a button, for example?

thomasloven · October 8, 2019, 8:53pm

Yes. It’s described how to do this in the Services section of the readme, and several of the examples show the method with description.
There’s also an example in the cookbook (also linked from the readme).

matisaul · October 8, 2019, 9:10pm

I read three times the readme… I don’t know if I am so stupid, or I can’t find what I need

I just want to do this:

Push a button --> call tts_google service and play some text in that specific device.