[FEAT] Documentation for adding image to picture card

[jonwilliams84]

I am trying to add the last image to a picture-element card using the following as an example:

http://double-take.jetson.local/api/storage/matches/{{states.sensor.double_take_unknown.attributes.unknown.filename}}?box=true

In developer tools and templates, this renders the url correctly as:

http://double-take.jetson.local/api/storage/matches/670f03f6-7d88-49ba-be61-66789f6fa554.jpg?box=true

However the picture doesn't show in a card.

What am I missing?

If set this as a camera in HA config it works but surely there is an easier way to do it?

  - platform: generic
    still_image_url: http://double-take.jetson.local/api/storage/matches/{{states.sensor.double_take_unknown.attributes.unknown.filename}}?box=true
    name: UnknownFaces

Regards,

Jon

[jakowenko]

It doesn't look like templates are supported in picture entities. There is a way to do it though with a generic camera entity.

camera:
  - platform: generic
    input: http://double-take.jetson.local/api/storage/matches/{{states.sensor.double_take_unknown.attributes.unknown.filename}}?box=true
    name: UnknownFaces

Then your card would look like this.

type: picture-entity
entity: camera.unknownfaces
show_state: false

Here's how mine looks.

I will make sure to include this in the docs with an example.

Do you think it's worth writing out latest <name>.jpg and unknown.jpg images? Then there would be no need to dynamically change the filename in a template and you could probably use the picture entity rather than a camera one.

[jonwilliams84]

Yeah - I have set it up as a generic camera and its fine for now. I am just trying to phase out my use of deepstack but retain the ease of integration with HA.

Maybe add an arg / option / bool to enable ${cameraName}_latest.jpg and ${personName}_latest.jpg? This way people could have a card for each camera or person latest image.

Alternatively - maybe an add-on for HA is the answer - This could create entities automatically for each attribute of the double-take output/result.

[tkdrob]

Hi. I have an add-on made but for some reason ingress does not work yet: https://github.com/tkdrob/double-take-hass-addon

[jakowenko]

Yeah - I have set it up as a generic camera and its fine for now. I am just trying to phase out my use of deepstack but retain the ease of integration with HA.

Maybe add an arg / option / bool to enable ${cameraName}_latest.jpg and ${personName}_latest.jpg? This way people could have a card for each camera or person latest image.

Alternatively - maybe an add-on for HA is the answer - This could create entities automatically for each attribute of the double-take output/result.

I will working on a camera/person latest.jpg in the next release. That will make adding those cards a lot easier!

Hi. I have an add-on made but for some reason ingress does not work yet: https://github.com/tkdrob/double-take-hass-addon

Wow! This is awesome, I run HA in a container so I don't currently have an addon store to test with, but it was on my list of things to build in. Nice work!

[tkdrob]

Yeah - I have set it up as a generic camera and its fine for now. I am just trying to phase out my use of deepstack but retain the ease of integration with HA.
Maybe add an arg / option / bool to enable ${cameraName}_latest.jpg and ${personName}_latest.jpg? This way people could have a card for each camera or person latest image.
Alternatively - maybe an add-on for HA is the answer - This could create entities automatically for each attribute of the double-take output/result.

I will working on a camera/person latest.jpg in the next release. That will make adding those cards a lot easier!

Hi. I have an add-on made but for some reason ingress does not work yet: https://github.com/tkdrob/double-take-hass-addon

Wow! This is awesome, I run HA in a container so I don't currently have an addon store to test with, but it was on my list of things to build in. Nice work!

Could you please add a logo.png? I don't think you have one. Again, ingress is not working yet and I'm unable to make it work. Believe me I tried. Perhaps you can look into that? Port 3000 is the default port which can also conflict with people using zwavejs2mqtt addon.

[jakowenko]

@jonwilliams84 the new beta build includes a api/latest/<name>.jpg image, where <name> can either be the person or the camera. ?box=true is also supported and if you have auth enabled, make sure to pass a &token=XXX.

This should allow you to use it in a picture card now on HA.

[jakowenko]

Yeah - I have set it up as a generic camera and its fine for now. I am just trying to phase out my use of deepstack but retain the ease of integration with HA.
Maybe add an arg / option / bool to enable ${cameraName}_latest.jpg and ${personName}_latest.jpg? This way people could have a card for each camera or person latest image.
Alternatively - maybe an add-on for HA is the answer - This could create entities automatically for each attribute of the double-take output/result.

I will working on a camera/person latest.jpg in the next release. That will make adding those cards a lot easier!

Hi. I have an add-on made but for some reason ingress does not work yet: https://github.com/tkdrob/double-take-hass-addon

Wow! This is awesome, I run HA in a container so I don't currently have an addon store to test with, but it was on my list of things to build in. Nice work!

Could you please add a logo.png? I don't think you have one. Again, ingress is not working yet and I'm unable to make it work. Believe me I tried. Perhaps you can look into that? Port 3000 is the default port which can also conflict with people using zwavejs2mqtt addon.

Would this logo work? https://github.com/jakowenko/double-take/blob/master/frontend/public/apple-touch-icon.png

[tkdrob]

This "logo" will work as an icon but a logo usually includes the name in the image just like Frigate NVR does.

[jakowenko]

@tkdrob, if you want to message me on Discord, I can get a logo created for you with the name in it.

@jonwilliams84, I'm going to close this since it's included in v1.4.0. There is a small fix coming in v1.4.1 which will be out in a few hours.

Feel free to reopen if you run into issues with it.

[jakowenko]

FYI, the beta build and future release will have the latest images under api/storage/latest/<name>.jpg to keep it under the storage namespace with the other files.