javascript - 如何使用 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)。