Improve ken burns effect for wrong aspect-ratio pictures

[amondit]

Hello,

Thanks again for having integrated the Ken Burns effect on pictures, it looks great and makes my HA dashboard look awesome while in simulated-screensaver mode!

One minor nitpick I have is that, for some pictures that are not in the right orientation (pictures in portrait displayed on a landscape dashboard, for example), they obviously get cropped (and sometimes not nicely, like faces being cut out, or unnecessary details get focused on), and that the ken burns effect could help with that if we could get it to 'pan' across the picture (instead of just select a part of the picture and zoom into it).

I know that's not an easy task to do, you might need to detect whether the picture is in landscape or portrait orientation and maybe adapt the css effect for it. However a quick search seems to get an example of someone that had the same kind of issue and managed to solve it by js/css: stackoverflow thread.

If you ever have some time to look into it it would be great :)

Thanks a lot!

[j-a-n]

Did you try image_background: image (see: #149)?

[amondit]

Well, it's not so much that I may want to display the full uncropped picture (with blurred background around), but instead change how the "start" and "end" zones of the ken burns effect to adapt to the aspect ratio of the picture.
Kind of like this (how it's configured in iMovie):

but, right now, it seems like the "end" zone is always contained inside the "start" zone.
The idea would be to compute, based on the aspect ratio of the image and the aspect ratio of the display, how to do the animation. The problem is tackled in the stackoverflow post I linked earlier, but I don't know if any of the code in it could be applied here or not.