如何使用 JavaScript 在 Metro 应用程序中显示相机预览答案

【问题标题】：How to show Camera Preview in metro app using javascript如何使用 JavaScript 在 Metro 应用程序中显示相机预览
【发布时间】：2012-09-25 13:10:41
【问题描述】：

我有 StartPreviewAsync api 在 C# 屏幕上显示相机预览

但在 javascript 中不可用，那么我怎样才能在 javascript 模板中获得相同的预览（输出）？？

或者有什么方法可以在 javascript 上部署 xaml？？

【问题讨论】：

标签： microsoft-metro

【解决方案1】：

WinJS 似乎有一个不同的 API 来处理相机预览。我会在 MSDN 上查看 this 示例以获取更多详细信息。即在BasicCapture.js中，我们看到如下函数startPreview：

function startPreview() { 
    displayStatus("Starting preview"); 
    id("btnStartPreview" + scenarioId).disabled = true; 
    var video = id("previewVideo" + scenarioId); 
    video.src = URL.createObjectURL(mediaCaptureMgr, { oneTimeOnly: true }); 
    video.play(); 
    displayStatus("Preview started"); 
    getCameraSettings(); 
    // Initialize sliders. 
    for (var i = 0; i < cameraControlSliders.length; i++) { 
        cameraControlSliders[i].slider.disabled = false; 
        initSlider(cameraControlSliders[i]); 
    } 
}

要回答您的第二个问题，将 Javascript 加载到 XAML 应用程序的唯一方法是通过 WebView 控件，即使这样也不允许直接控制 XAML UI 的不同控件。如果你想做 XAML，你必须坚持使用 C#、VB 或 C++。

【讨论】：