Javascript html5 getUserMedia（）肖像模式

在使用AngularJS的浏览器应用程序中，我通过HTML5 getUserMedia API与网络摄像头建立连接。但由于某些原因，输出流始终处于横向模式，而不是纵向模式。所以我尝试了一些方法，但我不知道如何让它进入肖像模式。有什么想法吗

规格：

AngularJS:1.6.5

IMac:27-马科斯高地

Chrome:61.0.3163.100 64位

我的代码

我试过了

通过CSS旋转视频。这种方法可行，但水流不会随之旋转。 将videoOptions上的Mendicative属性设置为{height:1920，width:1080}，但这会导致API CONSTRAINTNOTSTISFIEDERROR{constraintName:height}出错。

---

我在API说明或web上找不到任何描述如何在纵向模式下使用网络摄像头的选项

iMac和所有桌面设备都有横向定位的网络摄像头图像传感器，因此您只能在横向模式（例如1920x1080）下以传感器的最大分辨率进行拍摄

Chrome裁剪并缩放来自网络摄像头的视频，以满足您的限制条件，因此如果您使用的分辨率不超过传感器的最大高度（例如270x480，比1080x1980小16倍），则应获得纵向图像

var constraints = {
  audio: false,
  video: {
    width: { min: 270, max: 270 },
    height: { min: 480, max: 480},
  },
};

---

您可以使用查找网络摄像头和浏览器组合支持的横向分辨率。

iMac和所有桌面设备都有横向定位的网络摄像头图像传感器，因此您只能在横向模式下以传感器的最大分辨率进行拍摄，例如1920x1080

Chrome裁剪并缩放来自网络摄像头的视频，以满足您的限制条件，因此如果您使用的分辨率不超过传感器的最大高度（例如270x480，比1080x1980小16倍），则应获得纵向图像

var constraints = {
  audio: false,
  video: {
    width: { min: 270, max: 270 },
    height: { min: 480, max: 480},
  },
};

---

您可以使用查找网络摄像头和浏览器组合支持的横向分辨率。

答案中的链接是一个救生圈！谢谢你，先生！答案中的链接是一个救生圈！谢谢你，先生！