winjs - 如何在winJs中打开相机

Question

我正在从基础开始为 winJs 中的人脸检测机制工作。在winJs中打开相机的机制是什么以及在哪个标签中显示视频。

这是我现在知道的代码

var Capture = Windows.Media.Capture;
var mediaCapture = new Capture.MediaCapture();
mediaCapture.initializeAsync();

如何在 Div 中显示相同。

Answer 1

这是相同的html。

function init() {
            livePreview = document.getElementById("live-preview");
            startCamera();
        }

        function startCamera() {
            try {
                mediaCapture = new Capture.MediaCapture();
                mediaCapture.initializeAsync().then(function () {
                    livePreview.src = URL.createObjectURL(mediaCapture);
                    livePreview.play();
                });
            } catch(exception) {
                Windows.UI.Popups.MessageDialog(exception.message, "Error").showAsync();
            } 

        }

HTML

<div id="application" style="width:100%; height: 180px; overflow: hidden; background: #222;">
            <video id="live-preview" style="display : none; width:100%; height: 180px; overflow: hidden;"></video>
        </div>

这些是一些变量 选择适当的变量

 var Capture = Windows.Media.Capture;


// Globals
var mediaCapture;
var recording = false;
var livePreview;
var activation = Windows.ApplicationModel.Activation;