2020-2-capstone-design2 / 2014104149

Go to a project
Toggle navigation Toggle navigation pinning
Graduate
8fa92a1c 1 parent a39749ec

Update flask module

Inline Side-by-side
Showing 1 changed file with 5 additions and 8 deletions
......@@ -6,18 +6,14 @@
<style>
#container {
margin: 0px auto;
width: 640px;
height: 480px;
width: 1280px;
height: 1280px;
border: 10px #333 solid;
}
#videoInput {
width: 640px;
height: 480px;
background-color: #666;
}
#canvasOutput {
width: 640px;
height: 480px;
background-color: #666;
}
</style>
......@@ -37,7 +33,7 @@ function load_cascade()
function main()
{
let video = document.getElementById("videoInput");
let canvasOutput = document.getElementById('canvasOutput');
let canvasOutput = document.getElementById("canvasOutput");
let canvasContext = canvasOutput.getContext('2d');
if (navigator.mediaDevices.getUserMedia){
......@@ -48,6 +44,7 @@ if (navigator.mediaDevices.getUserMedia){
console.log("Something went wrong!");
});
}
let src = new cv.Mat(video.height, video.width, cv.CV_8UC4);
let dst = new cv.Mat(video.height, video.width, cv.CV_8UC4);
let gray = new cv.Mat();
......@@ -99,7 +96,7 @@ setTimeout(processVideo, 0);
</head>
<body onload="cv['onRuntimeInitialized']=()=>{ load_cascade() }">
<div id="container">
<video autoplay="true" id="videoInput" width=640 height=480 style="display: none">
<video autoplay="true" id="videoInput" width=640 height=480 style="display: none;">
</video>
<canvas id='canvasOutput' width=640 height=480>
......