{"version":3,"sources":["webpack:///./src/views/kmi/Withdrawal.vue?01dc","webpack:///src/views/kmi/Withdrawal.vue","webpack:///./src/views/kmi/Withdrawal.vue?774c","webpack:///./src/views/kmi/Withdrawal.vue","webpack:///./src/views/kmi/Withdrawal.vue?d7f4"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","attrs","modelAssetPath","window","location","origin","delegate","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,YAAYC,MAAM,CAAC,GAAK,aAAa,CAACJ,EAAG,QAAQ,CAACI,MAAM,CAAC,GAAK,UAAU,SAAW,GAAG,YAAc,Y,0DCa9O,GACE,KADF,WAEI,MAAJ,CACM,SAAN,KAKE,QARF,WAQI,OAAJ,6KAEE,QAVF,WAUI,OAAJ,6KAEE,QAAF,CACI,WADJ,WACM,IAAN,OACA,GACQ,OAAR,GAEA,wBACQ,UAAR,+CACU,IAAV,qCACU,EAAV,YACU,EAAV,qBAII,eAbJ,WAaM,IAAN,OAAM,OAAN,qDAAQ,IAAR,YAAQ,OAAR,iFACA,qCADA,SAEA,sBAEgB,oEAJhB,cAEA,EAFA,OAMA,KACA,oBAPA,SAQA,4BACA,aACoBC,eAAgBC,OAAOC,SAASC,OAAS,iCACzCC,SAAU,OAE9B,sBAbA,OAQA,EARA,OAeA,oBACA,gBACA,mCACA,4BAEA,+CApBA,+CAsBI,sBAnCJ,SAmCA,GACM,IADN,EACA,sCACA,qCAFA,iBAIA,eAJM,IAIE,IAAR,wBAAU,IAAV,UACU,EAAV,eACU,QAAV,QANA,SAAQ,EAAR,aAAQ,EAAR,IAQM,KAAN,mBAEM,QAAN,mBAVM,IAAN,mBAYA,GAZM,IAYE,IAAR,wBAAU,IAAV,UACA,8BACU,EAAV,+EACU,EAAV,MACA,gEAIA,yDAJA,YAOA,0BAPA,eAUA,wBACA,MAEU,IAAV,gCACU,EAAV,oCACU,EAAV,MACA,qFAIA,yDAJA,WAOA,sBAPA,cAUA,wBAVA,cAaA,qBACA,MAEU,EAAV,eACU,EAAV,eACU,KAAV,iBACU,KAAV,iBAvCU,IAAV,mBAwCA,aAxCU,IAwCE,IAAZ,wBAAc,IAAd,UACA,iCACc,EAAd,sBACc,EAAd,+CACc,EAAd,6DACc,EAAd,eACc,KAAd,kBA9CA,SAAY,EAAZ,aAAY,EAAZ,MAZA,SAAQ,EAAR,aAAQ,EAAR,QC7DmW,I,wBCQ/VC,EAAY,eACd,EACAhB,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,2CCnBf","file":"js/chunk-e7af268a.ce418fb0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"videoView\",attrs:{\"id\":\"liveView\"}},[_c('video',{attrs:{\"id\":\"webcamp\",\"autoplay\":\"\",\"playsinline\":\"\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <!-- <h5>Face Recognetion</h5> -->\n        <!-- <button type=\"button\" @click=\"openCamera\">Open Camera</button> -->\n        <div id=\"liveView\" class=\"videoView\">\n            <video id=\"webcamp\" autoplay playsinline></video>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { FaceDetector, FilesetResolver } from \"@mediapipe/tasks-vision\";\n\n// import dataWasm from \"@mediapipe/tasks-vision/wasm\";\nexport default {\n    data() {\n        return {\n            children: [],\n            // dataWasm: require('@mediapipe/tasks-vision/wasm'),\n            // dataModel: require(\"/blaze_face_short_range.tflite\"),\n        };\n    },\n    async mounted() {},\n\n    async created() {},\n\n    methods: {\n        openCamera() {\n            let constrain = {\n                video: true,\n            };\n            if (navigator.getUserMedia) {\n                navigator.mediaDevices.getUserMedia(constrain).then((stream) => {\n                    const videoMedia = document.getElementById(\"webcamp\");\n                    videoMedia.srcObject = stream;\n                    this.processResults();\n                });\n            }\n        },\n        async processResults() {\n            const videoMedia = document.getElementById(\"webcamp\");\n            const vision = await FilesetResolver.forVisionTasks(\n                // path/to/wasm/root\n                \"https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest/wasm\"\n            );\n            let lastVideoTime = -1;\n            let startTimeMs = performance.now();\n            let faceDetection = await FaceDetector.createFromOptions(vision, {\n                baseOptions: {\n                    modelAssetPath: window.location.origin + \"/blaze_face_short_range.tflite\",\n                    delegate: \"GPU\",\n                },\n                runningMode: \"VIDEO\",\n            });\n            if (videoMedia.currentTime !== lastVideoTime) {\n                lastVideoTime = videoMedia.currentTime;\n                const detections = faceDetection.detectForVideo(videoMedia, startTimeMs).detections;\n                this.displayVideoDetection(detections);\n            }\n            window.requestAnimationFrame(this.processResults);\n        },\n        displayVideoDetection(detections) {\n            const liveView = document.getElementById(\"liveView\");\n            const videoMedia = document.getElementById(\"webcamp\");\n\n            for (let child of this.children) {\n                liveView.removeChild(child);\n                console.log(liveView);\n            }\n            this.children.splice(0);\n\n            console.log(this.children);\n\n            for (let detection of detections) {\n                const p = document.createElement(\"p\");\n                p.innerText = \"Confidence: \" + Math.round(parseFloat(detection.categories[0].score) * 100) + \"%\";\n                p.style =\n                    \"position: absolute;\" +\n                    \"color: #fff;\" +\n                    \"border: 1px solid #fff;\" +\n                    \"left: \" +\n                    (videoMedia.offsetWidth - detection.boundingBox.width - detection.boundingBox.originX) +\n                    \"px;\" +\n                    \"top: \" +\n                    (detection.boundingBox.originY - 30) +\n                    \"px; \" +\n                    \"width: \" +\n                    (detection.boundingBox.width - 10) +\n                    \"px;\";\n\n                const highlighter = document.createElement(\"div\");\n                highlighter.setAttribute(\"class\", \"highlighter\");\n                highlighter.style =\n                    \"position: absolute;\" +\n                    \"bacground: rgba(0, 255, 0, 0.25);\" +\n                    \"border: 1px solid #fff;\" +\n                    \"left: \" +\n                    (videoMedia.offsetWidth - detection.boundingBox.width - detection.boundingBox.originX) +\n                    \"px;\" +\n                    \"top: \" +\n                    detection.boundingBox.originY +\n                    \"px;\" +\n                    \"width: \" +\n                    (detection.boundingBox.width - 10) +\n                    \"px;\" +\n                    \"height: \" +\n                    detection.boundingBox.height +\n                    \"px;\";\n\n                liveView.appendChild(highlighter);\n                liveView.appendChild(p);\n                this.children.push(highlighter);\n                this.children.push(p);\n                for (let keypoint of detection.keypoints) {\n                    const keypointEl = document.createElement(\"span\");\n                    keypointEl.className = \"key-point\";\n                    keypointEl.style.top = `${keypoint.y * videoMedia.offsetHeight - 3}px`;\n                    keypointEl.style.left = `${videoMedia.offsetWidth - keypoint.x * videoMedia.offsetWidth - 3}px`;\n                    liveView.appendChild(keypointEl);\n                    this.children.push(keypointEl);\n                }\n            }\n        },\n    },\n};\n</script>\n\n<style scoped>\n.videoView {\n    position: relative;\n    width: 48%;\n    margin: 2% 1%;\n    cursor: pointer;\n}\n.videoView p {\n    position: absolute;\n    padding: 5px;\n    background-color: #007f8b;\n    color: #fff;\n    border: 1px sholid rgba(255, 255, 255, 0.7);\n    z-index: 2;\n    font-size: 12px;\n    margin: 0;\n}\n\n.highlighter {\n    background: rgba(0, 255, 0, 0.25);\n    border: 1px solid #fff;\n    z-index: 1;\n    position: absolute;\n}\n\n.key-point {\n    position: absolute;\n    z-index: 1;\n    width: 3px;\n    height: 3px;\n    background-color: #ff0000;\n    /* border: 1px solid #ffffff; */\n    border-radius: 50%;\n    display: block;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Withdrawal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Withdrawal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Withdrawal.vue?vue&type=template&id=0bbd2700&scoped=true&\"\nimport script from \"./Withdrawal.vue?vue&type=script&lang=js&\"\nexport * from \"./Withdrawal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Withdrawal.vue?vue&type=style&index=0&id=0bbd2700&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0bbd2700\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Withdrawal.vue?vue&type=style&index=0&id=0bbd2700&scoped=true&lang=css&\""],"sourceRoot":""}