Créer son FloorPlan 3D

Home Assistant - Tutoriels & Partages Intégration
82

Toujours le même problème malheureusement…

views:
  - path: floorplan2
    icon: mdi:home-floor-1
    tittle: Carte
    title: 1er Etage
    cards:
      - type: picture-elements
        image: /local/floorplan/images/OFF.png
        elements:
          - type: image
            entity: light.sourcing_creation_eb_e27_a60_rgbw_light
            state_image:
              'on': /local/floorplan/images/Sl.png
              'off': /local/floorplan/images/transparent.png
              unavailable: /local/floorplan/images/transparent.png
              style:
                top: 50%
                left: 50%
          - type: state-icon
            entity: light.sourcing_creation_eb_e27_a60_rgbw_light
            tap_action:
              action: toggle
            style:
              top: 35%
              left: 60%
83

Content que ca fonctionne Thierry

Jibay, tu as essayé de refaire tes images? j’ai eu le meme soucis pour une des miennes, je l’ai refait au moins 5 fois pour y arriver…

84

Oui j’ai essayé de refaire les Images dans différente résolution cela reste dans le coin en bas à gauche sachant que les images ont bien la même taille

85

J’ai même essayer le code en conditionnal au cas où mais sans plus de succès

views:
  - path: floorplan2
    icon: mdi:floor-plan
    tittle: Carte
    title: 1er Etage
    panel: true
    cards:
      - type: picture-elements
        full_height: true
        image: /local/floorplan/images/OFF.png
        style: null
        elements:
          - type: conditional
            conditions:
              - entity: light.sourcing_creation_eb_e27_a60_rgbw_light
                state: 'on'
            elements:
              - type: image
                image: /local/floorplan/images/Fl.png
          - type: state-icon
            entity: light.sourcing_creation_eb_e27_a60_rgbw_light
            tap_action:
              action: toggle
            style:
              top: 60%
              left: 60%
86

je t’ai MP pour te proposer mon aide…

87

j’ai mis width à 90% pour mes images, sauf l’image de base (va savoir pourquoi, ça fonctionne)

88

Jibay, ca ca fonctionne chez moi avec tes images:

views:
  - theme: Backend-selected
    title: Home
    type: panel
    badges: []
    cards:
      - type: picture-elements
        full_height: true
        image: /local/floor2/fond.png
        elements:
          - type: image
            entity: input_boolean.test_2
            tap_action:
              action: none
            state_image:
              'on': /local/floor2/allume.png
              'off': /local/floorplan/images de base/trans.png
              unavailable: /local/floorplan/images de base/trans.png
            style:
              top: 50%
              left: 50%
              width: 100%
89

Toujours le même probleme cela viens donc certainement de ha-floorplan qui interprète mal tout ça …

90

verifies bien ton indention ou teste sur un autre dashboard

91

L’indent est bonne ( Vérification Via Lovelace UI) et j’ai déjà vérifié sur différent lovelace.

92

attention l’indention peut etre bonne mais te specifier les parametres sur le mauvais truc si elle n’est pas correcte…

cards:
      - type: picture-elements
        full_height: true
        image: /local/floor2/fond.png
        elements:
          - type: image
            entity: input_boolean.test_2
            tap_action:
              action: none
            state_image:
              'on': /local/floor2/allume.png
              'off': /local/floorplan/images de base/trans.png
              unavailable: /local/floorplan/images de base/trans.png
            style:
              top: 50%
              left: 50%
              width: 100%

c’est different de ca bien que correcte sous lovelace

cards:
      - type: picture-elements
        full_height: true
        image: /local/floor2/fond.png
        elements:
          - type: image
            entity: input_boolean.test_2
            tap_action:
              action: none
            state_image:
              'on': /local/floor2/allume.png
              'off': /local/floorplan/images de base/trans.png
              unavailable: /local/floorplan/images de base/trans.png
        style:
          top: 50%
          left: 50%
          width: 100%
93

Effectivement je comprend ce que tu veux dire :

Capture d'écran_20230205_231056
Capture d'écran_20230205_231056843×584 32.7 KB

Par contre la taille c’est réduite sans explication

cards:
      - type: picture-elements
        image: /local/floorplan/images/OFF.png
        elements:
          - type: image
            entity: light.sourcing_creation_eb_e27_a60_rgbw_light
            tap_action:
              action: none
            state_image:
              'on': /local/floorplan/images/Sl.png
              'off': /local/floorplan/images/Transparent.png
              unavailable: /local/floorplan/images/Transparent.png
            style:
              top: 50%
              left: 50%
              widht: 100%
94

tu as fait une faute a width…

95

Ah, effectivement cela marche mieux d’un coup :sweat_smile: la prochaine fois j’utiliserai un éditeur avancé ça m’apprendra a le fair en live :face_with_open_eyes_and_hand_over_mouth:

Merci a toi en tout cas :grin:

96

utilise notepad ++, il gère le langage yaml :slight_smile:

97

J’essaie d’intégrer le flux video de la caméra dans la map. Des idées ?

98

En encapsulant le flux video de ta caméra via :
github[dot]com/AlexxIT/WebRTC

99

merci
j’ai bien intégré, mais il ne me trouve pas le custom_element.
J’ai mis ça dans mon code:

        elements:
          - type: custom:webrtc-camera
            url: rtsp://admin:password@192.168.xxx.xxx:xxx/live.sdp
            style:
              top: 50%
              left: 50%

mais il ne reconnait pas custom:webrtc-camera
le lien video est bon j’ai regardé dans les traces de la caméra
Dans le répertoire custom-components/webrtc, il y a un fichier service.yaml, mais je ne l’ai pas touché
Dois-je y mettre ma camera ?
Bon, il semble que l’intégrateur a mis son js au mauvais endroit. je vais investiguer pour le mettre dans le bon en droit :slight_smile:
Modif du lien : ca fonctionne après un F5 (cf Custom element doesn't exist: webrtc-camera · Issue #260 · AlexxIT/WebRTC · GitHub)

image
image1718×1007 75 KB

100

Si je peux me permettre fais toujpurs un CTRL+F5 pour vider le cache en meme temps. Comme ca tu es sur de la prise en compte de tes modifs (bien qu’avec tous mes essais je n’ai pas eu le moindre soucis de cache avec HA)

101

Oui, bonne idée.
J’ai eu le même pb de cache sur le cast vers ma google nest, mais ça s’est résolu de lui-même.
A noter que le cast fonctionne à plein temps et qu’on peut y revenir depuis la nest en naviguant dans les volets . Cool !
Maintenant, j’attends mes déteteurs de présence (les tradfri ikea semblent très bons), car c’est pas WAF le fait d’ouvrir le téléphone pour allumer le couloir :smiley: :sweat_smile: