如何在winJs中打开相机

时间:2013-09-15 19:13:53

标签: winjs

我正在从基础开始在winJs中使用面部检测机制。在winJs中打开相机的机制是什么,以及在哪个标签中显示视频。

这是我现在知道的代码

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

如何在Div中显示相同的内容。

1 个答案:

答案 0 :(得分:2)

这是同样的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;