Environment:
iPhone 13/14, iOS 16, Chrome, Safari
Description:
We use WebRTC api to stream camera to <video>. We did some business logics according to stream's width and height.
But the height and width value swapped randomly.
Expected result:
video stream height is always larger than width on portrait mode.
Actual result:
video stream width height swapped randomly.
How to reproduce:
1.Visit on mobile https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Web/API/Media_Capture_and_Streams_API/Constraints/_sample_.Example_Constraint_exerciser.html
Click start button above "Requested video constraints:"
See the outputs in "Actual video settings":
"height" is larger than "width" in portrait mode
Repeat clicking start button and see the outputs multiple times.
You can see "height" will be smaller than "width"
Selecting any option will automatically load the page