Html5 canvas getUserMedia在safari iOS上返回旋转视频

Html5 canvas getUserMedia在safari iOS上返回旋转视频,html5-canvas,webrtc,mobile-safari,getusermedia,ios-camera,Html5 Canvas,Webrtc,Mobile Safari,Getusermedia,Ios Camera,我需要通过webrtc传输视频并在网页上播放,它在所有桌面浏览器窗口和mac操作系统上都能正常工作。它也适用于android浏览器。但在safari iOS上,视频会以横向方式旋转。它在两个方向上都是旋转的(当使用iOS safari为视频设置字幕时,以及在chrome或safari桌面上接收流时)。 我在webrtc站点上用默认的基本getUserMedia示例演示和safari iOS ans对它进行了测试,但问题是相同的。如何修复它,或者如果有任何其他解决方案,请?我遇到的一些可能与此相关

我需要通过webrtc传输视频并在网页上播放,它在所有桌面浏览器窗口和mac操作系统上都能正常工作。它也适用于android浏览器。但在safari iOS上,视频会以横向方式旋转。它在两个方向上都是旋转的(当使用iOS safari为视频设置字幕时,以及在chrome或safari桌面上接收流时)。
我在webrtc站点上用默认的基本getUserMedia示例演示和safari iOS ans对它进行了测试,但问题是相同的。如何修复它,或者如果有任何其他解决方案,请?

我遇到的一些可能与此相关的问题-

在纵向模式下请求iOS上的{宽度:640,高度:480}将返回一个摄像头媒体流,该媒体流为{宽度:480,高度:640},在方向更改时,媒体流翻转其尺寸。在硬编码html元素宽度和高度时要小心。可能导致翘曲。人们应该坚持已知的解决方案,例如中列出的解决方案。当您使用非典型分辨率WebRTC规范时,浏览器将尝试模拟您所需的提要。然而,这使得跨浏览器代码很差。如果你想要一个一致的摄像头,我会避免这个

资料来源:

我遇到的一些可能与之相关的事情-

在纵向模式下请求iOS上的{宽度:640,高度:480}将返回一个摄像头媒体流,该媒体流为{宽度:480,高度:640},在方向更改时,媒体流翻转其尺寸。在硬编码html元素宽度和高度时要小心。可能导致翘曲。人们应该坚持已知的解决方案,例如中列出的解决方案。当您使用非典型分辨率WebRTC规范时,浏览器将尝试模拟您所需的提要。然而,这使得跨浏览器代码很差。如果你想要一个一致的摄像头,我会避免这个

资料来源:

您使用的代码在哪里?为了获得更快的帮助,最好发布一些代码您正在使用的代码在哪里?为了获得更快的帮助,最好发布一些代码