Skip to content

Instantly share code, notes, and snippets.

@kushalvyas

kushalvyas/index.html

Last active September 8, 2017 17:32
Show Gist options
  • Save kushalvyas/d637763f19d9f29e60f897c81a732b45 to your computer and use it in GitHub Desktop.
Save kushalvyas/d637763f19d9f29e60f897c81a732b45 to your computer and use it in GitHub Desktop.
Download ZIP
Sample Index File for Camera function
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Camera Feed : Color Tracking</title>
<!--load css ... use bootstrap-->
<link href="../../dependencies/css/bootstrap.css" rel="stylesheet">
<script src="watch_video.js"></script>
</head>
<body bgcolor="#bdb76b">
<!--get the webcam feed-->
<!--webcam access in permitted in HTML 5 only-->
<br>
<div class="container">
<div class="row">
<div class="col-md-3 col-md-offset-3">
<div id="webcam_container">
<video autoplay="true" id="myVideo" width="480" height="320"></video>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="row">
<button class="btn btn-primary" id="btnCapture">Capture</button>
<button class="btn btn-primary" id="btnGray">Gray</button>
<button class="btn btn-primary" id="btnBinary">Binary</button>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-3 col-md-offset-3">
<canvas id="canvas" width="480" height="320"></canvas>
</div>
</div>
</div>
<script>INSERT RESPECTIVE JS SCRIPT FROM THE [email protected]/TRACKINGJS_OFY;</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment