diff --git a/static/js/stream.js b/static/js/stream.js
index e69de29..0d5909f 100755
--- a/static/js/stream.js
+++ b/static/js/stream.js
@@ -0,0 +1,13 @@
+
+
+
+document.addEventListener("DOMContentLoaded", function(){
+ const canvas = document.getElementById("canvas");
+ const ctx = canvas.getContext("2d");
+ var src = document.getElementById("current_color_stream");
+ var img = new Image();
+ img.src = src.src;
+ img.onload = function() {
+ ctx.drawImage(img, 0, 0);
+ }
+});
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index 349f386..f23789e 100755
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,6 +3,8 @@
StreamWatcher
+
+
{{template "content" .}}
diff --git a/templates/stream.html b/templates/stream.html
index 9020677..dec3a12 100755
--- a/templates/stream.html
+++ b/templates/stream.html
@@ -1,7 +1,10 @@
{{template "base" .}}
{{define "content"}}
-
-
-
-
+
+
+
+
+
+
+