Mini Media Player not working in companion app

jdukat · April 14, 2024, 6:42pm

Hi,
I just added Sonos speaker and Mini Media Player to my HA.
It works perfectly from desktop/web interface, but the same dashboard that works on PC with web browser shows this error on Android companion app:

Any clues why?

If that matters, here’s the card configuration, fairly simple:

    cards:
      - type: custom:mini-media-player
        entity: media_player.living_room
        group: false
        volume_stateless: true
        toggle_power: false
        artwork: material
        shortcuts:
          columns: 3
          buttons:
            - name: Free FM Rock
              type: music
              id: x-rincon-mp3radio://https://freefmrock.radioca.st/stream
            - name: AntyRadio
              type: music
              id: x-rincon-mp3radio://https://an03.cdn.eurozet.pl/ANTGRE.mp3
            - name: Radio 357
              type: music
              id: x-rincon-mp3radio://https://stream.rcs.revma.com/ye5kghkgcm0uv
        source: full
        info: scroll

dshokouhi · April 14, 2024, 7:01pm

do you see the same issue using chrome for android on the same device? is android system webview upto date?

jdukat · April 14, 2024, 7:06pm

Yes, same problem when going to the dashboard from chrome and from firefox on my android device.

What does it mean exactly “is android system webview upto date”?
I have all the available updates installed on my device… Anything I should install or setup manually?

jdukat · April 14, 2024, 7:13pm

Just found something interesting.
From my PC I connect to HA over local network address ( http://192.168.0.xxx )

From my Android device I have connection configured over Cloudflared tunnel.
When connected to HA from PC over the tunnel, I saw the same error on the PC.

Connecting from Android to local address doesn’t solve the problem, though.

dshokouhi · April 14, 2024, 7:19pm

its an app on your phone that updates via the play store, its like keeping the browser up to date.

since you can reproduce on the browser in the same device you need to check with the custom card author to see if they can help you out.

jdukat · April 14, 2024, 8:42pm

Ok, solved the problem following the steps here:

github.com/kalkih/mini-media-player

Custom element doesn't exist: mini-media-player.

opened 01:55AM - 07 Jan 20 UTC

closed 07:20PM - 07 Jan 20 UTC

bookandrelease

Hello, I've tried all the solutions I've found so far, to no avail. I keep ge…tting this error. I don't know what else to try! I have this in the raw config editor: ```resources: - type: module url: /community_plugin/mini-media-player/mini-media-player-bundle.js - type: module url: /community_plugin/button-card/button-card.js``` I have this in my config.yaml ` frontend: javascript_version: latest` I have this in my ui-lovelace.yaml and also tried module instead of js for type: ` resources: - url: /local/mini-media-player-bundle.js?v=1.5.1 type: js` This is in my raw config editor: ` entities: - entity: media_player.bedroom group: true hide: power: true volume: true info: short source: icon type: 'custom:mini-media-player' - controls: true entity: media_player.my_room_speaker group: true hide: null type: 'custom:mini-media-player' type: entities ` Any help is greatly appreciated! Thanks in advance. Edit: Apparently I can't figure out how to format correctly on this website. Please bear with me. Although my issue doesn't make any note about syntax. Edit 2: I was unfamiliar with HACS before this, but I just added it. If anybody is able to point me in a direction to add this that way too that would be fine. I can't find it in the integrations list in HACS.

and here (UI mode) - added duplicate mini media player entry in my HA

Now it works everywhere.

Looks like the installation through HACS is not working perfectly.
I’ve filled another issue on github for this.