summaryrefslogtreecommitdiff
path: root/webcam.html
diff options
context:
space:
mode:
authorJules <jules@asdf.us>2015-10-10 11:27:20 -0400
committerJules <jules@asdf.us>2015-10-10 11:27:20 -0400
commitc9f69246d1efee711cb5b57802bf1ea5f8a68151 (patch)
treed3f0f546fb42c4fc33c91d8a3b8f114929ede814 /webcam.html
parente7bad09921d44fe72a33a41f166187a489ca1153 (diff)
vendor color lib from dither and remove jquery dep for webcam
Diffstat (limited to 'webcam.html')
-rw-r--r--webcam.html18
1 files changed, 9 insertions, 9 deletions
diff --git a/webcam.html b/webcam.html
index 7cb5f35..375a00d 100644
--- a/webcam.html
+++ b/webcam.html
@@ -2,7 +2,8 @@
<link rel="stylesheet" href="css/sally.css" type="text/css" charset="utf-8" />
<style>
#controls { width: 220px; float: left; padding: 10px; }
-label { min-width: 70px; display: inline-block; }
+input { cursor: pointer; }
+label { min-width: 70px; display: inline-block; cursor: pointer; }
#text_style { width: 100px; }
label.cbox { min-width: 50px; }
canvas { cursor: pointer; }
@@ -40,9 +41,8 @@ canvas { cursor: pointer; }
<div id="image_style"></div>
</body>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-<script src="http://asdf.us/dither/js/color.js"></script>
-<script src="http://asdf.us/dither/js/util.js"></script>
+<script src="js/vendor/color.js"></script>
+<script src="js/util.js"></script>
<script src="js/photo.js"></script>
<script>
@@ -51,8 +51,8 @@ image_style.appendChild(canvas)
var width = parseInt( width_span.innerHTML = width_el.value )
var ratio = parseFloat( ratio_el.value )
-var nn = $(nn_el).prop('checked')
-var invert = $(invert_el).prop('checked')
+var nn = nn_el.checked
+var invert = invert_el.checked
var width_timeout
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
@@ -185,13 +185,13 @@ function save (){
}
}
nn_el.addEventListener('change', function(){
- nn = $(nn_el).prop('checked')
+ nn = nn_el.checked
})
invert_el.addEventListener('change', function(){
- invert = $(invert_el).prop('checked')
+ invert = invert_el.checked
})
palette_el.addEventListener('change', function(){
- var palette = $(palette_el).val()
+ var palette = palette_el.value
Photo.set_colors( Photo[palette] )
})
ratio_el.addEventListener("input", function(){