微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

getUserMedia返回Safari iOS上的旋转视频

如何解决getUserMedia返回Safari iOS上的旋转视频

我需要通过webrtc流式传输视频并在网页上播放,该视频在所有桌面浏览器窗口和mac os上均可正常运行。它也适用于android浏览器。但在safari iOS上,视频将按照横向旋转。 (在使用iOS Safari浏览器捕获视频时,以及在chrome或safari桌面上接收流时),它都旋转了。 我使用Safari苹果浏览器iOS并在webrtc网站上使用认的基本getUserMedia示例演示对其进行了测试,并且同样存在问题。如何解决它,或者如果有其他解决方案请解决

解决方法

我遇到的可能相关的东西 -

在 iOS 纵向模式下请求 { width: 640,height: 480 } 将返回一个相机 MediaStream,它是 { width: 480,height: 640 },并且在方向改变时 MediaStream 翻转其尺寸。对 html 元素的宽度和高度进行硬编码时要小心。可能导致翘曲。人们应该坚持已知的解决方案,例如 en.wikipedia.org/wiki/Display_resolution 中列出的那些。当您使用非典型分辨率 WebRTC 规范时,浏览器将尝试模拟您想要的提要。然而,这使得跨浏览器代码很差。如果您想要一致的相机馈送,我会避免这种情况。

来源: getUserMedia (Selfie) Full Screen on Mobile

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。