search

iccanobif / gikopoi2

37 stars 17 forks source link

Video rotated 180deg on firefox sometimes #494

Open iccanobif opened 1 year ago

iccanobif commented 1 year ago

image

This user's user agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

In theory it can be fixed simply with "transform: rotate(180deg);" but need a way to tell when a video is flipped and when it's not.

As a test I asked that guy to rotate his ipad by 180deg and after doing that the video looked the same (with the correct rotation) on both firefox and chrome, so it's possible that it's simply apple's shit that doesn't transmit the rotation information correctly, or in a way that only chrome understands it. I tested the same streaming from my android phone and both chrome and firefox client always displayed the video with the correct rotation.

I looked around a bit and couldn't find a way to check the rotation of a MediaStreamTrack, so maybe the easiest solution might be to add a button on the client side to rotate the video via CSS.

iccanobif commented 9 months ago

Playing with the 3gpp:video-orientation RTP thing might also be a solution https://www.reddit.com/r/WebRTC/comments/m4kmo3/comment/gqydh2w