我正在为上传照片和视频制作一个非常简单的网络服务。我想在网页上显示缩略图并上传所选文件的进度。我创建了描述here的缩略图。对于照片来说,它很棒,但不适用于视频。
当用户上传视频时,我可以访问videoHeight
和videoWidth
属性,基本上我只需要创建缩略图。但是这些值并不总是代表垂直视频的真实高度和宽度。这是一个例子(垂直视频 - 高度值必须更大):
上传到Chrome的垂直视频:
videoHeight: 720
videoWidth: 1280
上传到边缘浏览器的相同垂直视频:
videoHeight: 1280
videoWidth: 720
您会看到,在第一种情况下尺寸不正确,导致预览中缩小和拉伸视频的原因。
某些视频可能具有Rotation
这样的属性,我认为该边缘以某种方式理解它,但不是铬。我的问题是:是否可以检测视频在浏览器中是否具有垂直(纵向)或水平(横向)方向,而不是边缘?