dergeorg/SmartShopper
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

camera, snapshots, ocr v.1

Browse Source
This commit is contained in:
LukasNowy
2019-01-17 22:13:00 +01:00
parent 26b9e99778
commit 90351cc74f
12 changed files with 21720 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
express-server/views/ocrscan.ejs Normal file
View File

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Scan Purchases automatically</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src='https://cdn.jsdelivr.net/gh/naptha/tesseract.js@v1.0.14/dist/tesseract.min.js'></script>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link rel="stylesheet" href="/ocrscan/style.css">
</head>
<body>
<div class="container cont1">
<div class="row">
<div class="col s6">
<center><video id="video"></video></center>
</div>
<div class="col s6">
<center><canvas id="canvas"></canvas></center>
</div>
<div class="col s12">
<a class="waves-effect waves-light btn-large btnsnap light-blue accent-3"><i class="material-icons left">camera</i>Take Snapshot!</a>
<a class="waves-effect waves-light btn-large btnanalyze green accent-4"><i class="material-icons left">arrow_forward</i>Continue</a>
</div>
</div>
</div>
<div class="container cont2">
<div class="progress grey lighten-1">
<div class="determinate green accent-4" style="width: 0%"></div>
</div>
</div>
<!-- Modal Structure -->
<div id="modal1" class="modal">
<div class="modal-content">
<h4>Result</h4>
<p class="output"></p>
</div>
<div class="modal-footer">
<a class="modal-close waves-effect waves-green btn-flat">Ok</a>
</div>
</div>
<script src="/ocrscan/cam.js"></script>
<script src="/ocrscan/ocrscan.js"></script>
</body>
</html>