Link to picture in view

Hi all,

I’ve got two IP camera’s working with Hassio. Works perfect. I use them with doorsensors and when I’m not home and doorsensor is triggerd pictures are taken and sent to me by email.

But now I want to look at the latest picture taken. I have a view with link to the camera:

Alarm:
  view: yes
  icon: mdi:camera 
  entities:
   - camera.voordeur
   - camera.achterdeur

And I know that the pictures are stored here: filename: /config/camera/foto1.jpg

But how do I get that jpg as a view to the “Alarm” view?

Hope you have an answer!

Kind regards,

Eltjo

the config dir is not available on the server, so you need to change the directory.
i save my pic in

config/custom_css/html/img

and then you can reach the pics by the url http://dashboard:port/custom_css/html/img/foto1.jpg

1 Like

Thank you for the reply.

But how do I do that in correct code?

Can I just put it under the Entities? (See part of my code in first post)

@Eltjo_de_Waard, you should update the category of this topic, because this has nothing to do with HADashboard and @ReneTode is always the fastest when a topic has this category. :slightly_smiling_face:

You could use the Generic Camera to show a picture on your view.

1 Like

I’ve changed the category and thank you for the answer!

thx, yeah i really thought he wanted a picture shown in HAdashboard. :wink:

@Eltjo_de_Waard i think @VDRainer is right and the generic camera is the best way to go.

Hi,

Sorry for the questions… but I don’t seem to get it working!

I write the picture (I think) according to your instructions:

- action:
  - service: camera.snapshot
    data:
      entity_id: camera.voordeur
      filename: /config/custom_css/html/img/foto1.jpg

I made a link to this picture in the config file:

  - platform: generic
    name: AchterdeurLaatste
    still_image_url:  http://dashboard:port/custom_css/html/img/foto1.jpg

(Also tried it with port=8123)

And last in the groups yaml:

Alarm:
  view: yes
  icon: mdi:camera 
  entities:
   - camera.voordeur
   - camera.achterdeur
   - camera.achterdeurlaatste

Where do I go wrong…? (Program is Hassio on PI3)

Kind regards,
Eltjo

Should be:

filename: /config/www/foto1.jpg

And then in the camera config:

still_image_url:  http://127.0.0.1:8123/local/foto1.jpg

‘local’ points to the ‘www’ folder in the config directory.

A little step further… I have a picture in the www folder.

But I can’t see it on the Group page.

Everything is the same as with the working camera’s. So I can’t only think it must be the “still_image_url”.

`> still_image_url: http://127.0.0.1:8123/local/foto1.jpg

I also tried it with:
still_image_url: http://127.0.0.1:8123/www/foto1.jpg
still_image_url: http://hassio.local:8123/local/foto1.jpg
still_image_url: http://hassio.local:8123/www/foto1.jpg

But with no luck… anyone…?

Does the still_image_url work if you open it in your browser?

Found it!

The correct link was: https://192.168.1.111:8123/local/foto1.jpg

Lessons learnt:

  • Use IP of Hassio
  • Use httpS since Hassio was configured to use https

Thanks for the quick help. I hope the problem was stated correctly so it can help other people.

Kind regards,
Eltjo

1 Like