Image qui s affiche et ne s'affiche pas 🙄

[cedric1]

Bonjour à tous,

Lorsque je me connecte sur https://homeassistant.local:8123/ je ne rencontre aucune difficulté a affiché les images de la météo comme expliquer par @Marleo dans son topic : Présentation Marleo + [DASHBOARD] - #22 par Marleo

Lorsque je me connecte sur https://xxxxxxxxxxx.ovh/ , je n’ai pas les images météo qui s’affiche. J’ai suivi ce tuto pour pouvoir me connecter a distance : https://www.youtube.com/watch?v=oqO9c4aNaAU

Pourriez-vous m’aider ?
Merci d’avance

[Gilles2]

Peux-tu partager le code de tes cartes? Je pense que c’est parce que tu n’as pas mis le bon chemin d’accès à tes images.
De mon expérience, il faut que les images soient dans homeassistant\www et que dans tes cartes, les images soient référencées comme
image: local/image.jpg

[cedric1]

Bonjour Gilles,

Voici tous les codes

  - type: tile
    visibility:
      - condition: state
        entity: input_boolean.spoiler
        state: "on"
    show_entity_picture: true
    entity: sensor.meteo_saint_nicolas_jour_0
    hide_state: false
    vertical: false
    state_content:
      - datetime
      - templow
      - temperature
      - humidity
      - precipitation
      - condition
    name: Aujourd'hui

    sensor:
      - name: meteo saint_nicolas jour 0
        unique_id: meteo_saint_nicolas_jour_0
        state: "Something"
        picture: >
          {% set weather = daily['weather.saint_nicolas'].forecast[0].condition %}
          {{ '/local/images/' + weather + '.png' }}
        attributes:
          datetime: >
            {{ daily['weather.saint_nicolas'].forecast[0].datetime | as_timestamp | timestamp_custom('%d/%m', true) }}
          condition: "{{ daily['weather.saint_nicolas'].forecast[0].condition | replace('partlycloudy', 'Eclaircies') | replace('clear-night', 'Nuit clair') | replace('clear', 'Ciel dégagé') | replace('cloudy', 'Nuageux') | replace('rainy', 'Pluie') | replace('hail', 'Risque de grèle') | replace('snowy', 'neige') | replace('windy', 'Venteux') | replace('fog', 'Brouillard') | replace('pouring', 'Pluie forte') | replace('lightning', 'Orages') | replace('sunny', 'Ensoleillé') | replace('windy-variant', 'Venteux variant') | replace('Exceptional', 'Exceptionnel') | replace('snowy-rainy', 'Pluie verglaçante') | replace('lightning-rainy', 'Pluie orageuse')}}"
          temperature: "🔺{{ daily['weather.saint_nicolas'].forecast[0].temperature }}°"
          humidity: "💧{{ daily['weather.saint_nicolas'].forecast[0].humidity }}%"
          templow: "🔻{{ daily['weather.saint_nicolas'].forecast[0].templow }}°"
          precipitation: "☂️{{ daily['weather.saint_nicolas'].forecast[0].precipitation }}mm"
          jour: "{{ daily['weather.saint_nicolas'].forecast[0].datetime | as_timestamp | timestamp_custom('%a', true) | replace('Mon', 'Lundi') | replace('Tue', 'Mardi') | replace('Wed', 'Mercredi') | replace('Thu', 'Jeudi') | replace('Fri', 'Vendredi') | replace('Sat', 'Samedi') | replace('Sun', 'Dimanche') }}"

Mais pourquoi sur un lien cela fonctionne et pas l’autre ? Si le chemin d’image n’était pas correct je suppose que ca ne devrait pas fonctionner sur mes 2 url ?

[Gilles2]

Je ne sais pas répondre à la question du « pourquoi », mais je sais que chez moi j’avais un problème similaire: en local, avec une adresse correcte mais syntaxe différente (je ne sais plus… j’ai tout corrigé), ça fonctionnait, mais en remote (j’utilise NabuCasa) je n’avais pas les images.
Après correction comme indiqué, toute fonctionne à la fois en local et en remote.
Ca vaut le coup d’essayer sur une image pour voir chez toi.

[cedric1]

Merci d’avoir pris le temps de répondre.
Je vais regarder à cela à tête reposée

[Francois24]

bonjour,
dans le repertoire /images il faut creer un repertoire /weather et mettre les images dedans
le chemin inscris dans

@cedric1

        picture: >
          {% set weather = daily['weather.saint_nicolas'].forecast[0].condition %}
          {{ '/local/images/' + weather + '.png' }}

indique le repertoire weather après images

j’espère que j’ai bon
ou pas!

[Gilles2]

@Francois24, je ne pense pas.
Il n’y a pas de répertoire « weather » dans le code de Cédric.
Weather est le nom du fichier défini au dessus

{% set weather = daily['weather.saint_nicolas'].forecast[0].condition %}

Donc le code est bon.
Ca fonctionne d’ailleurs en local.

@cedric1, peux-tu essayer just d’enlever le « / » devant « local » dans ton code ?

[cedric1]

Oui tout a fait @Gilles2 pour répondre à @Francois24
je n’ai pas de dossier « weather »

Lors que j’enlève les ‹  › c’est pire ^^

[WarC0zes]

Bonjour,
en ajoutant ces lignes dans ton configuration.yaml ?

homeassistant:
  allowlist_external_dirs:
    - /config

[cedric1]

Déjà présent dans le dossier

[Gilles2]

Chez moi les images sont dans un répertoire
homeassistant/www/nom_fichier_image.jpg
et ensuite elles sont toutes référencées par :
« image: local/nom_fichier_image.jpg »

Juste pour tester, si tu copies juste une image à la racine de ton répertoire www (epson.jpeg par exemple) et que tu mets son nom en dûr dans ton code, est-ce que ça fonctionne pour voir?

picture: local/epson.jpeg

[WarC0zes]

Regarde ce message, comme tu passes par cloudflare:

Image caching cloudflare

[cedric1]

@Gilles2 : sans succès

@WarC0zes oui j’avais lu mais j’y suis pas arrivé donc je pense que j’ai foiré un truc dedans.

Je vais regarder la suite le soir. je dois partir ^^

[cedric1]

C’est à rien comprendre …
Je pense qu’il doit y avoir un problème de syntaxe.
Le fait d’avoir essayer la technique de @Gilles2 et de remettre comme c’était j’ai une ligne qui fonctionne maintenant
je vais supprimer les autres et recommencer

[Gilles2]

Aurais-tu essayé de mettre en oeuvre mon plan en utilisant la première image de ton répertoire « rainy.png » par hasard?
Et c’est la seule qui fonctionne maintenant… reste plus qu’à reproduire avec les autres

[Ludoc]

Hello,

J’ai ça comme code pour les mêmes tuiles :

sensor:
      - name: meteo jour 0
        unique_id: meteo_jour_0
        state: "Something"
        picture: >
          {% set weather = daily['weather.XXXXXX'].forecast[0].condition %}
          {{'/local/images/pulsar_color/' + weather + '.png' }}

Les images dans le répertoire www/images/pulsar_color/
Les tuiles sont visibles (avec les images) en local et avec nabu casa

Par contre, impossible d’afficher n’importe quelle image via studio code server en local, fonctionne en distant.

[cedric1]

Bonjour,

@Gilles2 oui lorsque je mets les images simplement dans « www » les images apparaissent en local et a distance

Je me pencherai plus la dessus la semaine prochaine lorsque je serai en congé

[Gilles2]

C’est une bonne nouvelle que nous avons trouvé une solution qui fonctionne. Peut-être pas idéal, mais seul le résultat compte

[WarC0zes]

je m’intérroge sur ton entité weather.saint_nicolas c’est l’entité de météo france ou un template ?
Car il y a plus de forecast dans l’entité météo, il faut passer par un template pour les récupérer.

[cedric1]

Bonjour @WarC0zes

J’avais suivi ton topic pour la météo. Et cela fonctionne nickel

@Gilles2 alors ce matin avant de partir au boulot, j ai créer un dossier Weather dans www/images/ et j ai reboot et maintenant cela fonctionne…

Je suis au boulot et voilà le screen sur l application