mediaCapture windows 8.1 winjs 应用程序答案

【问题标题】：mediaCapture windows 8.1 winjs appmediaCapture windows 8.1 winjs 应用程序
【发布时间】：2015-09-21 05:56:33
【问题描述】：

我正在使用 mediaCapture 捕获视频，然后在上传之前显示视频。我使用视频标签在上传之前显示视频。我的问题是视频没有全屏显示。我将视频标签的高度和宽度设置为 100%，即使它显示得很小。有什么办法可以解决这个问题。

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

 &lt;video id="capturedVideo" class="capturedVideo" autoplay="autoplay"&gt;&lt;/video&gt;

【问题讨论】：

标签： java html video windows-8.1 winjs

【解决方案1】：

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

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

或者，您可以尝试像这样将方向锁定为横向：

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

尽管除非您手动旋转 UI，否则不会带来良好的体验。

【讨论】：

【解决方案2】：

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

例如：videoplayer.msZoom = true;

documentation

【讨论】：