microsoft-metro - 如何使用 JavaScript 在 Metro 应用程序中显示相机预览

Question

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

但在 javascript 中不可用，那么如何在 javascript 模板中获得相同的预览（输出）？

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

Answer 1

WinJS 似乎有一个不同的 API 来处理相机预览。我将在 MSDN 上查看此示例以获取更多详细信息。即，在 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++。