如何使用 javascript/html5 在 Windows Phone 8.1 应用程序中禁用视频预览的自动旋转

Question

我按照下面的教程创建了一个 Windows Phone 8.1 应用程序来预览相机捕获： http://msdn.microsoft.com/en-us/library/windows/apps/Hh452789(v=win.10).aspx

但是，此基本应用程序存在不良行为。当设备水平放置时，顶部指向左侧，预览的方向与场景相同，这很好。但是，当设备旋转到纵向位置（向上）时，预览会自动旋转到令人困惑的方向。下面是一张展示这种行为的图片。

我想我想要的是与 Windows Phone 的内置相机应用程序相同的行为，即预览方向始终遵循相机（图像面板）方向。换句话说，无论设备如何旋转，房屋的屋顶尖端都应始终朝上。这可能使用开发人员 API 吗？如果是这样，我应该使用什么功能或属性？

我能想到的一个潜在解决方案是禁用用于保存预览的元素的自动旋转。但是，我不知道该怎么做。此外，是否可以仅针对应用页面中的某些元素而不是整个页面禁用自动旋转？我问是因为我想在视频预览上显示一些文本，并且我希望文本自动旋转以提高可读性。

Answer 1

MediaCapture _mediaCapture = new MediaCapture();

_mediaCapture.SetPreviewRotation(VideoRotation.Clockwise90Degrees);

await _mediaCapture.InitializeAsync();

await _mediaCapture.StartPreviewAsync();

在方向改变时检查手机方向并根据需要设置MediaCapture .SetPreviewRotation(VideoRotation.Clockwise90Degrees)。