mediaCapture windows 8.1 winjs 应用程序

Question

我正在使用 mediaCapture 捕捉视频，然后在上传之前显示视频 it.Iam 使用视频标签在上传之前显示视频。我的问题是视频没有全屏显示。我将视频标签的高度和宽度设置为 100%，即使它显示 small.Is 也有任何解决问题的方法。

var videoplayer = document.getElementById("capturedVideo");
videoplayer.src = URL.createObjectURL(storageFile, { oneTimeOnly: true });videoplayer.controls = true;

 <video id="capturedVideo" class="capturedVideo" autoplay="autoplay"></video>

Answer 1

这是在 phone 上吗？如果您将设备置于横向模式（逆时针倾斜），会发生什么情况？我怀疑您没有对预览应用正确的旋转。

看看通用Camera Starter Kit。这是一个 Win10 示例，但其中的大部分代码也适用于 8/8.1。具体看setPreviewRotationAsync()方法

或者，您可以尝试将方向锁定为横向，如下所示：

Display.DisplayInformation.autoRotationPreferences = Display.DisplayOrientations.landscape;

尽管除非您手动旋转 UI，否则体验不会很好。

Answer 2

我通过将 msZoom 属性设置为 true 解决了这个问题。

例如：videoplayer.msZoom = true;

documentation