Feature: add rotate camera image

[Trevsweb]

please can you add a function to rotate the image of the camera similar to

style: | ha-card { transform: rotate(90deg); }

[quack3d]

Yes, please. That would be awesome.

[AlexxIT]

Is your code works? Do you check it?

[quack3d]

His code kinda works with the lovelace-card-mod: https://github.com/thomasloven/lovelace-card-mod

But the user experience is horrible. What we want is a rotation of the video feed itself, not the entire card. For instance, if I use the Tapo: Cameras Control integration and set 'Extra arguments for ffpmeg' to '-vf "transpose=1"' and untick 'Use Stream from Home Assistant', the picture-entity card will show the video feed as rotated. Unfortunately the same thing does not happen in your webrtc-camera card.

[AlexxIT]

ffmpeg not good idea because it use unnecessary transcoding with high CPU activity

[quack3d]

Yeah, I don't want to use ffmpeg. Can you ad an option for rotation in webrtc instead? I have cameras on the beds of my children so it's much more convenient if the video was portrait mode instead of landscape.

[AlexxIT]

I'm not so good with JS. It should be some browser feature.

[sresam89]

Any option to rotate will be awesome

[AlexxIT]

Should be fixed in v3

[quack3d]

What's the syntax to do this in v3? I tried style: 'video {rotate: -90deg;}' and it rotates, but the image is then cropped at top and bottom. There's also a large black bar on left and right side.

[AlexxIT]

I'll try to write example