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;