EasyAR-WebAR-Demo/html/SimpleThreeJsExample/asset/js/app.js

//             别间隔时间(毫秒), 识别服务地址
const webAR = new WebAR(1000, "/webar/recognize");
// Threejs简单使用类
const threeHelper = new ThreeHelper();
// 列出并打开设备上的摄像头
document.querySelector("#openCamera").addEventListener("click", function() {
    const videoSelect = document.querySelector("#videoDevice");
    navigator.mediaDevices.enumerateDevices().then(devices => {
        console.log(devices);
        let i = devices.findIndex(d => {
            return d.kind === "videoinput";
        });
        console.log(i);
        if (i > -1) {
            navigator.mediaDevices
                .getUserMedia({
                    audio: true,
                    video: { facingMode: { exact: "environment" } }
                })
                .then(stream => {
                    webAR
                        .listCamera(videoSelect)
                        .then(msg => {
                            // 隐藏"打开摄像头"按钮
                            this.style.display = "none";
                            videoSelect.style.display = "inline-block";
                            document.querySelector("#start").style.display =
                                "inline-block";
                            document.querySelector("#stop").style.display =
                                "inline-block";
                            videoSelect.onchange = () => {
                                webAR.openCamera(JSON.parse(videoSelect.value));
                            };
                            // 打开摄像头
                            // 打开后置摄像头参数： {audio: false, video: {facingMode: {exact: 'environment'}}}
                            webAR
                                .openCamera(JSON.parse(videoSelect.value))
                                .then(msg => {
                                    console.info(msg);
                                })
                                .catch(err => {
                                    console.info(err);
                                });
                        })
                        .catch(err => {
                            // 没有找到摄像头
                            console.info(err);
                        });
                });
        }
    });
});
// 开启识别
document.querySelector("#start").addEventListener(
    "click",
    () => {
        webAR.startRecognize(msg => {
            console.info(msg);
            // 可以将 setting 作为meta上传到EasyAR的云识别，使用方法如下
            // const setting = window.atob(msg.meta);
            const setting = {
                model: "asset/model/walk.fbx",
                scale: 0.2,
                position: [0, 0, 0]
            };
            threeHelper.loadObject(setting);
        });
    },
    false
);
// 暂停识别
document.querySelector("#stop").addEventListener(
    "click",
    () => {
        webAR.stopRecognize();
    },
    false
);
//# sourceMappingURL=app.js.map