@supraio/client-daemon-js 0.0.0-jvmaster.324 → 0.0.0-jvmaster.327

package/supra-client-daemon.js

@@ -185276,6 +185276,62 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (functio
 	$pkg.$init = $init;
 	return $pkg;
 })();
+$packages["github.com/supraio/client-daemon/pkg/input"] = (function() {
+	var $pkg = {}, $init, binary, fmt, errs, message, focus, key, mouse, sync;
+	binary = $packages["encoding/binary"];
+	fmt = $packages["fmt"];
+	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
+	message = $packages["github.com/supraio/client-daemon/pkg/message"];
+	focus = $packages["golang.org/x/mobile/event/focus"];
+	key = $packages["golang.org/x/mobile/event/key"];
+	mouse = $packages["golang.org/x/mobile/event/mouse"];
+	sync = $packages["sync"];
+	$init = function() {
+		$pkg.$init = function() {};
+		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
+		$r = binary.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = fmt.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = message.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = focus.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = key.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = mouse.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = sync.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	};
+	$pkg.$init = $init;
+	return $pkg;
+})();
+$packages["github.com/supraio/client-daemon/pkg/render/frame"] = (function() {
+	var $pkg = {}, $init, time;
+	time = $packages["time"];
+	$init = function() {
+		$pkg.$init = function() {};
+		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
+		$r = time.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	};
+	$pkg.$init = $init;
+	return $pkg;
+})();
+$packages["github.com/supraio/client-daemon/pkg/render/netframe"] = (function() {
+	var $pkg = {}, $init, binary, errs, netpacket, frame;
+	binary = $packages["encoding/binary"];
+	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
+	netpacket = $packages["github.com/supraio/client-daemon/pkg/netpacket"];
+	frame = $packages["github.com/supraio/client-daemon/pkg/render/frame"];
+	$init = function() {
+		$pkg.$init = function() {};
+		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
+		$r = binary.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = netpacket.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = frame.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	};
+	$pkg.$init = $init;
+	return $pkg;
+})();
 $packages["github.com/nuberu/webgl/types"] = (function() {
 	var $pkg = {}, $init, js, VertexArray, UniformLocation, Texture, Shader, ShaderPrecisionFormat, Program, Buffer, FrameBuffer, RenderBuffer, GLEnum, PowerPreference, Attributes, ActiveInfo, funcType, arrayType, ptrType, ptrType$1, ptrType$2, ptrType$3, ptrType$4, ptrType$5, ptrType$6, ptrType$7, ptrType$8, ptrType$9, NewVertexArray, NewUniformLocation, NewTexture, NewShader, NewShaderPrecisionFormat, NewProgram, NewBuffer, NewFrameBuffer, NewRenderBuffer, NewActiveInfo;
 	js = $packages["syscall/js"];
@@ -189653,11 +189709,47 @@ $packages["golang.org/x/exp/shiny/driver/internal/errscreen"] = (function() {
 	$pkg.$init = $init;
 	return $pkg;
 })();
-$packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
-	var $pkg = {}, $init, fmt, errscreen, dom, screen, f64, image, color, draw, sync, js, windowImpl, screenImpl, YCbCrJS, BufferImpl, sliceType, ptrType, ptrType$1, funcType, arrayType, ptrType$2, ptrType$3, sliceType$1, ptrType$4, ptrType$5, ptrType$6, ptrType$7, ptrType$8, ptrType$9, ptrType$10, newWindow, main, newScreenImpl, newBuffer;
+$packages["golang.org/x/exp/shiny/imageutil"] = (function() {
+	var $pkg = {}, $init, screen, image, draw, ConvertYCbCrToRGBA;
+	screen = $packages["golang.org/x/exp/shiny/screen"];
+	image = $packages["image"];
+	draw = $packages["image/draw"];
+	ConvertYCbCrToRGBA = function(b) {
+		var {_arg, _arg$1, _arg$2, _arg$3, _r, _r$1, _r$2, _r$3, _r$4, b, $s, $r, $c} = $restore(this, {b});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		_r = b.RGBA(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_arg = _r;
+		_r$1 = b.YCbCr(); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_r$2 = _r$1.Bounds(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		_arg$1 = $clone(_r$2, image.Rectangle);
+		_r$3 = b.YCbCr(); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+		_arg$2 = _r$3;
+		_r$4 = b.RGBA(); /* */ $s = 5; case 5: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+		_arg$3 = $clone(_r$4.Rect.Min, image.Point);
+		$r = draw.Draw(_arg, _arg$1, _arg$2, _arg$3, 1); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: ConvertYCbCrToRGBA, $c: true, $r, _arg, _arg$1, _arg$2, _arg$3, _r, _r$1, _r$2, _r$3, _r$4, b, $s};return $f;
+	};
+	$pkg.ConvertYCbCrToRGBA = ConvertYCbCrToRGBA;
+	$init = function() {
+		$pkg.$init = function() {};
+		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
+		$r = screen.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = image.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = draw.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	};
+	$pkg.$init = $init;
+	return $pkg;
+})();
+$packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
+	var $pkg = {}, $init, fmt, webgl, types, errscreen, dom, imageutil, screen, f64, image, color, draw, sync, js, windowImpl, screenImpl, ArrayBufferSlice, YCbCrJS, BufferImpl, sliceType, sliceType$1, sliceType$2, ptrType, ptrType$1, funcType, arrayType, ptrType$2, ptrType$3, ptrType$4, ptrType$5, ptrType$6, ptrType$7, sliceType$3, ptrType$8, ptrType$9, ptrType$10, ptrType$11, ptrType$12, ptrType$13, ptrType$14, texCoordsVertices, elementsIndices, newWindow, main, newScreenImpl, newBuffer;
 	fmt = $packages["fmt"];
+	webgl = $packages["github.com/nuberu/webgl"];
+	types = $packages["github.com/nuberu/webgl/types"];
 	errscreen = $packages["golang.org/x/exp/shiny/driver/internal/errscreen"];
 	dom = $packages["golang.org/x/exp/shiny/driver/util/dom"];
+	imageutil = $packages["golang.org/x/exp/shiny/imageutil"];
 	screen = $packages["golang.org/x/exp/shiny/screen"];
 	f64 = $packages["golang.org/x/image/math/f64"];
 	image = $packages["image"];
@@ -189665,27 +189757,43 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 	draw = $packages["image/draw"];
 	sync = $packages["sync"];
 	js = $packages["syscall/js"];
-	windowImpl = $pkg.windowImpl = $newType(0, $kindStruct, "canvasdriver.windowImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", false, function(screen_, mutex_, canvasEl_, ctx2d_, released_, domEvents_, resizeCallback_) {
+	windowImpl = $pkg.windowImpl = $newType(0, $kindStruct, "webgldriver.windowImpl", true, "golang.org/x/exp/shiny/driver/webgldriver", false, function(screen_, mutex_, canvasEl_, gl_, programRGBA_, imageTexRGBA_, programYUV420_, imageTexY_, imageTexU_, imageTexV_, vertexArray_, released_, domEvents_, width_, height_) {
 		this.$val = this;
 		if (arguments.length === 0) {
 			this.screen = ptrType.nil;
 			this.mutex = ptrType$1.nil;
 			this.canvasEl = new js.Value.ptr(null, false, arrayType.zero());
-			this.ctx2d = new js.Value.ptr(null, false, arrayType.zero());
+			this.gl = ptrType$2.nil;
+			this.programRGBA = ptrType$3.nil;
+			this.imageTexRGBA = ptrType$4.nil;
+			this.programYUV420 = ptrType$3.nil;
+			this.imageTexY = ptrType$4.nil;
+			this.imageTexU = ptrType$4.nil;
+			this.imageTexV = ptrType$4.nil;
+			this.vertexArray = ptrType$5.nil;
 			this.released = false;
-			this.domEvents = ptrType$2.nil;
-			this.resizeCallback = new js.Func.ptr(new js.Value.ptr(null, false, arrayType.zero()));
+			this.domEvents = ptrType$6.nil;
+			this.width = 0;
+			this.height = 0;
 			return;
 		}
 		this.screen = screen_;
 		this.mutex = mutex_;
 		this.canvasEl = canvasEl_;
-		this.ctx2d = ctx2d_;
+		this.gl = gl_;
+		this.programRGBA = programRGBA_;
+		this.imageTexRGBA = imageTexRGBA_;
+		this.programYUV420 = programYUV420_;
+		this.imageTexY = imageTexY_;
+		this.imageTexU = imageTexU_;
+		this.imageTexV = imageTexV_;
+		this.vertexArray = vertexArray_;
 		this.released = released_;
 		this.domEvents = domEvents_;
-		this.resizeCallback = resizeCallback_;
+		this.width = width_;
+		this.height = height_;
 	});
-	screenImpl = $pkg.screenImpl = $newType(0, $kindStruct, "canvasdriver.screenImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", false, function(doc_) {
+	screenImpl = $pkg.screenImpl = $newType(0, $kindStruct, "webgldriver.screenImpl", true, "golang.org/x/exp/shiny/driver/webgldriver", false, function(doc_) {
 		this.$val = this;
 		if (arguments.length === 0) {
 			this.doc = new js.Value.ptr(null, false, arrayType.zero());
@@ -189693,24 +189801,50 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 		}
 		this.doc = doc_;
 	});
-	YCbCrJS = $pkg.YCbCrJS = $newType(0, $kindStruct, "canvasdriver.YCbCrJS", true, "golang.org/x/exp/shiny/driver/canvasdriver", true, function(CanvasImageSource_) {
+	ArrayBufferSlice = $pkg.ArrayBufferSlice = $newType(0, $kindStruct, "webgldriver.ArrayBufferSlice", true, "golang.org/x/exp/shiny/driver/webgldriver", true, function(ArrayBuffer_, Offset_, Length_) {
 		this.$val = this;
 		if (arguments.length === 0) {
-			this.CanvasImageSource = ptrType$5.nil;
+			this.ArrayBuffer = new js.Value.ptr(null, false, arrayType.zero());
+			this.Offset = 0;
+			this.Length = 0;
 			return;
 		}
-		this.CanvasImageSource = CanvasImageSource_;
+		this.ArrayBuffer = ArrayBuffer_;
+		this.Offset = Offset_;
+		this.Length = Length_;
 	});
-	BufferImpl = $pkg.BufferImpl = $newType(0, $kindStruct, "canvasdriver.BufferImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", true, function(screen_, size_, mutex_, released_, rgba_, ycbcr_, ycbcrJS_) {
+	YCbCrJS = $pkg.YCbCrJS = $newType(0, $kindStruct, "webgldriver.YCbCrJS", true, "golang.org/x/exp/shiny/driver/webgldriver", true, function(Y_, Cb_, Cr_, YStride_, CStride_, SubsampleRatio_, Rect_, Use_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.Y = new ArrayBufferSlice.ptr(new js.Value.ptr(null, false, arrayType.zero()), 0, 0);
+			this.Cb = new ArrayBufferSlice.ptr(new js.Value.ptr(null, false, arrayType.zero()), 0, 0);
+			this.Cr = new ArrayBufferSlice.ptr(new js.Value.ptr(null, false, arrayType.zero()), 0, 0);
+			this.YStride = 0;
+			this.CStride = 0;
+			this.SubsampleRatio = 0;
+			this.Rect = new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0));
+			this.Use = false;
+			return;
+		}
+		this.Y = Y_;
+		this.Cb = Cb_;
+		this.Cr = Cr_;
+		this.YStride = YStride_;
+		this.CStride = CStride_;
+		this.SubsampleRatio = SubsampleRatio_;
+		this.Rect = Rect_;
+		this.Use = Use_;
+	});
+	BufferImpl = $pkg.BufferImpl = $newType(0, $kindStruct, "webgldriver.BufferImpl", true, "golang.org/x/exp/shiny/driver/webgldriver", true, function(screen_, size_, mutex_, released_, rgba_, ycbcr_, ycbcrJS_) {
 		this.$val = this;
 		if (arguments.length === 0) {
 			this.screen = ptrType.nil;
 			this.size = new image.Point.ptr(0, 0);
 			this.mutex = ptrType$1.nil;
 			this.released = false;
-			this.rgba = new image.RGBA.ptr(sliceType$1.nil, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
-			this.ycbcr = new image.YCbCr.ptr(sliceType$1.nil, sliceType$1.nil, sliceType$1.nil, 0, 0, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
-			this.ycbcrJS = ptrType$4.nil;
+			this.rgba = new image.RGBA.ptr(sliceType$3.nil, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
+			this.ycbcr = new image.YCbCr.ptr(sliceType$3.nil, sliceType$3.nil, sliceType$3.nil, 0, 0, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
+			this.ycbcrJS = ptrType$8.nil;
 			return;
 		}
 		this.screen = screen_;
@@ -189721,85 +189855,89 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 		this.ycbcr = ycbcr_;
 		this.ycbcrJS = ycbcrJS_;
 	});
-	sliceType = $sliceType($emptyInterface);
+	sliceType = $sliceType($Float32);
+	sliceType$1 = $sliceType($Uint16);
+	sliceType$2 = $sliceType($emptyInterface);
 	ptrType = $ptrType(screenImpl);
 	ptrType$1 = $ptrType(sync.Mutex);
 	funcType = $funcType([], [], false);
 	arrayType = $arrayType(funcType, 0);
-	ptrType$2 = $ptrType(dom.DomEvents);
-	ptrType$3 = $ptrType(BufferImpl);
-	sliceType$1 = $sliceType($Uint8);
-	ptrType$4 = $ptrType(YCbCrJS);
-	ptrType$5 = $ptrType(js.Value);
-	ptrType$6 = $ptrType(screen.DrawOptions);
-	ptrType$7 = $ptrType(windowImpl);
-	ptrType$8 = $ptrType(screen.NewWindowOptions);
-	ptrType$9 = $ptrType(image.RGBA);
-	ptrType$10 = $ptrType(image.YCbCr);
+	ptrType$2 = $ptrType(webgl.RenderingContext);
+	ptrType$3 = $ptrType(types.Program);
+	ptrType$4 = $ptrType(types.Texture);
+	ptrType$5 = $ptrType(types.VertexArray);
+	ptrType$6 = $ptrType(dom.DomEvents);
+	ptrType$7 = $ptrType(BufferImpl);
+	sliceType$3 = $sliceType($Uint8);
+	ptrType$8 = $ptrType(YCbCrJS);
+	ptrType$9 = $ptrType(screen.DrawOptions);
+	ptrType$10 = $ptrType(windowImpl);
+	ptrType$11 = $ptrType(screen.NewWindowOptions);
+	ptrType$12 = $ptrType(ArrayBufferSlice);
+	ptrType$13 = $ptrType(image.RGBA);
+	ptrType$14 = $ptrType(image.YCbCr);
 	newWindow = function(screen$1, opts) {
-		var {_r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, adaptCanvas, canvasEl, ctx2d, domEvents, opts, resizeCallback, screen$1, w, $s, $r, $c} = $restore(this, {screen$1, opts});
+		var {_r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, canvasEl, domEvents, err, gl, opts, screen$1, w, $s, $r, $c} = $restore(this, {screen$1, opts});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		adaptCanvas = [adaptCanvas];
-		canvasEl = [canvasEl];
-		_r = $clone(screen$1.doc, js.Value).Call("createElement", new sliceType([new $String("canvas")])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		canvasEl[0] = $clone(_r, js.Value);
-		_r$1 = $clone($clone(screen$1.doc, js.Value).Get("body"), js.Value).Call("appendChild", new sliceType([new canvasEl[0].constructor.elem(canvasEl[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_r = $clone(screen$1.doc, js.Value).Call("createElement", new sliceType$2([new $String("canvas")])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		canvasEl = $clone(_r, js.Value);
+		_r$1 = $clone($clone(screen$1.doc, js.Value).Get("body"), js.Value).Call("appendChild", new sliceType$2([new canvasEl.constructor.elem(canvasEl)])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
 		_r$1;
-		adaptCanvas[0] = (function(adaptCanvas, canvasEl) { return function() {
-			var height, scale, width;
-			scale = dom.GetBrowserZoomRatio();
-			width = (((dom.GetScreenWidth()) / scale >> 0));
-			if (!(($clone($clone(canvasEl[0], js.Value).Get("width"), js.Value).Int() === width))) {
-				$clone(canvasEl[0], js.Value).Set("width", new $Int(width));
-			}
-			height = (((dom.GetScreenHeight()) / scale >> 0));
-			if (!(($clone($clone(canvasEl[0], js.Value).Get("height"), js.Value).Int() === height))) {
-				$clone(canvasEl[0], js.Value).Set("height", new $Int(height));
-			}
-		}; })(adaptCanvas, canvasEl);
-		$r = adaptCanvas[0](); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		resizeCallback = $clone(js.FuncOf((function(adaptCanvas, canvasEl) { return function $b(this$1, args) {
-			var {args, this$1, $s, $r, $c} = $restore(this, {this$1, args});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			$r = adaptCanvas[0](); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			$s = -1; return $ifaceNil;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, args, this$1, $s};return $f;
-		}; })(adaptCanvas, canvasEl)), js.Func);
-		_r$2 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("resize"), new resizeCallback.constructor.elem(resizeCallback)])); /* */ $s = 4; case 4: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		_r$2;
-		/* */ if (!((opts.Width === 0))) { $s = 5; continue; }
-		/* */ $s = 6; continue;
-		/* if (!((opts.Width === 0))) { */ case 5:
-			$r = dom.SetWindowWidth(opts.Width); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 6:
-		/* */ if (!((opts.Height === 0))) { $s = 8; continue; }
-		/* */ $s = 9; continue;
-		/* if (!((opts.Height === 0))) { */ case 8:
-			$r = dom.SetWindowHeight(opts.Height); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 9:
-		/* */ if (!(opts.Title === "")) { $s = 11; continue; }
-		/* */ $s = 12; continue;
-		/* if (!(opts.Title === "")) { */ case 11:
-			_r$3 = $clone($clone(screen$1.doc, js.Value).Get("head"), js.Value).Call("getElementsByTagName", new sliceType([new $String("title")])); /* */ $s = 13; case 13: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			_r$4 = $clone(_r$3, js.Value).Call("item", new sliceType([new $Int(0)])); /* */ $s = 14; case 14: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-			$r = $clone(_r$4, js.Value).Set("innerHTML", new $String(opts.Title)); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 12:
-		_r$5 = $clone(canvasEl[0], js.Value).Call("getContext", new sliceType([new $String("2d")])); /* */ $s = 16; case 16: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-		ctx2d = $clone(_r$5, js.Value);
-		/* */ if ($clone(ctx2d, js.Value).IsUndefined() || $clone(ctx2d, js.Value).IsNull()) { $s = 17; continue; }
-		/* */ $s = 18; continue;
-		/* if ($clone(ctx2d, js.Value).IsUndefined() || $clone(ctx2d, js.Value).IsNull()) { */ case 17:
-			_r$6 = fmt.Errorf("Cannot get 2d context of canvas", sliceType.nil); /* */ $s = 19; case 19: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
-			$panic(_r$6);
-		/* } */ case 18:
-		domEvents = dom.NewDomEvents();
-		w = new windowImpl.ptr(screen$1, ptrType$1.nil, $clone(canvasEl[0], js.Value), $clone(ctx2d, js.Value), false, domEvents, $clone(resizeCallback, js.Func));
-		$r = domEvents.BindEvents(); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return w;
-		/* */ } return; } var $f = {$blk: newWindow, $c: true, $r, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, adaptCanvas, canvasEl, ctx2d, domEvents, opts, resizeCallback, screen$1, w, $s};return $f;
+		_r$2 = webgl.FromCanvas($clone(canvasEl, js.Value)); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		_tuple = _r$2;
+		gl = _tuple[0];
+		err = _tuple[1];
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			$panic(err);
+		}
+		domEvents = dom.NewDomEvents();
+		w = new windowImpl.ptr(screen$1, ptrType$1.nil, $clone(canvasEl, js.Value), gl, ptrType$3.nil, ptrType$4.nil, ptrType$3.nil, ptrType$4.nil, ptrType$4.nil, ptrType$4.nil, ptrType$5.nil, false, domEvents, 0, 0);
+		/* */ if (!((opts.Width === 0))) { $s = 4; continue; }
+		/* */ $s = 5; continue;
+		/* if (!((opts.Width === 0))) { */ case 4:
+			$r = dom.SetWindowWidth(opts.Width); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 5:
+		/* */ if (!((opts.Height === 0))) { $s = 7; continue; }
+		/* */ $s = 8; continue;
+		/* if (!((opts.Height === 0))) { */ case 7:
+			$r = dom.SetWindowHeight(opts.Height); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 8:
+		/* */ if (!(opts.Title === "")) { $s = 10; continue; }
+		/* */ $s = 11; continue;
+		/* if (!(opts.Title === "")) { */ case 10:
+			_r$3 = $clone($clone(screen$1.doc, js.Value).Get("head"), js.Value).Call("getElementsByTagName", new sliceType$2([new $String("title")])); /* */ $s = 12; case 12: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			_r$4 = $clone(_r$3, js.Value).Call("item", new sliceType$2([new $Int(0)])); /* */ $s = 13; case 13: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			$r = $clone(_r$4, js.Value).Set("innerHTML", new $String(opts.Title)); /* */ $s = 14; case 14: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 11:
+		_r$5 = w.createBuffers(); /* */ $s = 15; case 15: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+		w.vertexArray = _r$5;
+		$r = domEvents.BindEvents(); /* */ $s = 16; case 16: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return w;
+		/* */ } return; } var $f = {$blk: newWindow, $c: true, $r, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, canvasEl, domEvents, err, gl, opts, screen$1, w, $s};return $f;
+	};
+	windowImpl.ptr.prototype.ensureCanvasSize = function(width, height) {
+		var height, w, width;
+		w = this;
+		if (!(($clone($clone(w.canvasEl, js.Value).Get("width"), js.Value).Int() === width))) {
+			$clone(w.canvasEl, js.Value).Set("width", new $Int(width));
+		}
+		if (!(($clone($clone(w.canvasEl, js.Value).Get("height"), js.Value).Int() === height))) {
+			$clone(w.canvasEl, js.Value).Set("height", new $Int(height));
+		}
+	};
+	windowImpl.prototype.ensureCanvasSize = function(width, height) { return this.$val.ensureCanvasSize(width, height); };
+	windowImpl.ptr.prototype.clear = function() {
+		var {w, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		$r = w.gl.ClearColor(0, 0, 0, 1); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.Clear(16384); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.clear, $c: true, $r, w, $s};return $f;
 	};
+	windowImpl.prototype.clear = function() { return this.$val.clear(); };
 	windowImpl.ptr.prototype.Release = function() {
-		var {_r, _r$1, w, x, $s, $deferred, $r, $c} = $restore(this, {});
+		var {_r, w, $s, $deferred, $r, $c} = $restore(this, {});
 		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
 		w = this;
 		$r = w.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
@@ -189809,15 +189947,12 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 		/* if (w.released) { */ case 2:
 			$s = 4; case 4: return;
 		/* } */ case 3:
-		_r = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("resize"), (x = w.resizeCallback, new x.constructor.elem(x))])); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r = $clone(w.canvasEl, js.Value).Call("remove", sliceType$2.nil); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 		_r;
-		$clone(w.resizeCallback, js.Func).Release();
-		_r$1 = $clone(w.canvasEl, js.Value).Call("remove", sliceType.nil); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		_r$1;
-		$r = w.domEvents.Release(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.domEvents.Release(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		w.released = true;
 		$s = -1; return;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.Release, $c: true, $r, _r, _r$1, w, x, $s, $deferred};return $f; } }
+		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.Release, $c: true, $r, _r, w, $s, $deferred};return $f; } }
 	};
 	windowImpl.prototype.Release = function() { return this.$val.Release(); };
 	windowImpl.ptr.prototype.Publish = function() {
@@ -189858,38 +189993,71 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 	};
 	windowImpl.prototype.NextEvent = function() { return this.$val.NextEvent(); };
 	windowImpl.ptr.prototype.Upload = function(dp, src, sr) {
-		var {_r, dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
+		var {dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		w = this;
 		if (w.released) {
 			$s = -1; return;
 		}
-		_r = fmt.Errorf("Not implemented, use UploadYCbCr instead", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		$panic(_r);
+		$r = w.drawBufferRGBA($clone(dp, image.Point), src, $clone(sr, image.Rectangle)); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.Upload, $c: true, $r, _r, dp, sr, src, w, $s};return $f;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.Upload, $c: true, $r, dp, sr, src, w, $s};return $f;
 	};
 	windowImpl.prototype.Upload = function(dp, src, sr) { return this.$val.Upload(dp, src, sr); };
 	windowImpl.ptr.prototype.UploadYCbCr = function(dp, src, sr) {
-		var {_r, _r$1, _ref, dp, jsSrc, sr, src, w, x, $s, $r, $c} = $restore(this, {dp, src, sr});
+		var {_arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, dp, jsSrc, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		w = this;
 		if (w.released) {
 			$s = -1; return;
 		}
 		_ref = src;
-		/* */ if ($assertType(_ref, ptrType$3, true)[1]) { $s = 1; continue; }
+		/* */ if ($assertType(_ref, ptrType$7, true)[1]) { $s = 1; continue; }
 		/* */ $s = 2; continue;
-		/* if ($assertType(_ref, ptrType$3, true)[1]) { */ case 1:
+		/* if ($assertType(_ref, ptrType$7, true)[1]) { */ case 1:
 			jsSrc = _ref.$val;
-			_r = $clone(w.ctx2d, js.Value).Call("drawImage", new sliceType([(x = jsSrc.YCbCrJS().CanvasImageSource, new x.constructor.elem(x)), new $Int(0), new $Int(0)])); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			_r;
-			$s = -1; return;
+			_r = jsSrc.YCbCrJS(); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			/* */ if (_r.Use) { $s = 3; continue; }
+			/* */ $s = 4; continue;
+			/* if (_r.Use) { */ case 3:
+				_r$1 = jsSrc.YCbCrJS(); /* */ $s = 8; case 8: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+				/* */ if (!((_r$1.SubsampleRatio === 2))) { $s = 6; continue; }
+				/* */ $s = 7; continue;
+				/* if (!((_r$1.SubsampleRatio === 2))) { */ case 6:
+					$panic(new $String("Only image.YCbCrSubsampleRatio420 SubsampleRatio is currently supported"));
+				/* } */ case 7:
+				_arg = $clone(dp, image.Point);
+				_r$2 = jsSrc.YCbCrJS(); /* */ $s = 9; case 9: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+				_r$3 = _r$2.Y.slice(); /* */ $s = 10; case 10: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+				_arg$1 = $clone(_r$3, js.Value);
+				_r$4 = jsSrc.YCbCrJS(); /* */ $s = 11; case 11: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+				_r$5 = _r$4.Cb.slice(); /* */ $s = 12; case 12: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+				_arg$2 = $clone(_r$5, js.Value);
+				_r$6 = jsSrc.YCbCrJS(); /* */ $s = 13; case 13: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+				_r$7 = _r$6.Cr.slice(); /* */ $s = 14; case 14: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
+				_arg$3 = $clone(_r$7, js.Value);
+				_arg$4 = $clone(sr, image.Rectangle);
+				$r = w.drawBufferYUV420JSArrayBuffers(_arg, _arg$1, _arg$2, _arg$3, _arg$4); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+				$s = -1; return;
+			/* } */ case 4:
 		/* } */ case 2:
-		_r$1 = fmt.Errorf("Not implemented, use canvasdriver.BufferImpl instead", sliceType.nil); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		$panic(_r$1);
+		_r$8 = src.YCbCr(); /* */ $s = 19; case 19: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
+		/* */ if (_r$8.SubsampleRatio === 2) { $s = 16; continue; }
+		/* */ $s = 17; continue;
+		/* if (_r$8.SubsampleRatio === 2) { */ case 16:
+			$r = w.drawBufferYUV420($clone(dp, image.Point), src, $clone(sr, image.Rectangle)); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$s = 18; continue;
+		/* } else { */ case 17:
+			_r$9 = src.RGBA(); /* */ $s = 23; case 23: if($c) { $c = false; _r$9 = _r$9.$blk(); } if (_r$9 && _r$9.$blk !== undefined) { break s; }
+			/* */ if (_r$9.Pix.$length === 0) { $s = 21; continue; }
+			/* */ $s = 22; continue;
+			/* if (_r$9.Pix.$length === 0) { */ case 21:
+				$r = imageutil.ConvertYCbCrToRGBA(src); /* */ $s = 24; case 24: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			/* } */ case 22:
+			$r = w.drawBufferRGBA($clone(dp, image.Point), src, $clone(sr, image.Rectangle)); /* */ $s = 25; case 25: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 18:
 		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.UploadYCbCr, $c: true, $r, _r, _r$1, _ref, dp, jsSrc, sr, src, w, x, $s};return $f;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.UploadYCbCr, $c: true, $r, _arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, dp, jsSrc, sr, src, w, $s};return $f;
 	};
 	windowImpl.prototype.UploadYCbCr = function(dp, src, sr) { return this.$val.UploadYCbCr(dp, src, sr); };
 	windowImpl.ptr.prototype.Fill = function(dr, src, op) {
@@ -189969,7 +190137,7 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 		var {$24r, _r, s, size, $s, $r, $c} = $restore(this, {size});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		s = this;
-		_r = fmt.Errorf("Texture not implemented", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r = fmt.Errorf("Texture not implemented", sliceType$2.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 		$24r = [$ifaceNil, _r];
 		$s = 2; case 2: return $24r;
 		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewTexture, $c: true, $r, $24r, _r, s, size, $s};return $f;
@@ -189985,209 +190153,538 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewWindow, $c: true, $r, _r, opts, s, window, $s};return $f;
 	};
 	screenImpl.prototype.NewWindow = function(opts) { return this.$val.NewWindow(opts); };
-	newBuffer = function(screen$1, size) {
-		var _q, _q$1, _q$2, b, rect, screen$1, size;
-		rect = new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(size, image.Point));
-		b = new BufferImpl.ptr(screen$1, $clone(size, image.Point), new sync.Mutex.ptr(0, 0), false, $clone(new image.RGBA.ptr($makeSlice(sliceType$1, ($imul(($imul(4, size.X)), size.Y))), $imul(4, size.X), $clone(rect, image.Rectangle)), image.RGBA), $clone(new image.YCbCr.ptr($makeSlice(sliceType$1, ($imul(size.X, size.Y))), $makeSlice(sliceType$1, (_q$1 = ($imul(size.X, size.Y)) / 4, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))), $makeSlice(sliceType$1, (_q$2 = ($imul(size.X, size.Y)) / 4, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero"))), size.X, (_q = size.X / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), 2, $clone(rect, image.Rectangle)), image.YCbCr), ptrType$4.nil);
-		return b;
-	};
-	BufferImpl.ptr.prototype.Size = function() {
-		var b;
-		b = this;
-		return b.size;
-	};
-	BufferImpl.prototype.Size = function() { return this.$val.Size(); };
-	BufferImpl.ptr.prototype.Bounds = function() {
-		var b;
-		b = this;
-		return new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(b.size, image.Point));
-	};
-	BufferImpl.prototype.Bounds = function() { return this.$val.Bounds(); };
-	BufferImpl.ptr.prototype.RGBA = function() {
-		var b;
-		b = this;
-		return b.rgba;
-	};
-	BufferImpl.prototype.RGBA = function() { return this.$val.RGBA(); };
-	BufferImpl.ptr.prototype.YCbCr = function() {
-		var b;
-		b = this;
-		return b.ycbcr;
+	windowImpl.ptr.prototype.createAndAttachVertexShader = function(shaderProgram) {
+		var {$24r, _arg, _r, _r$1, _r$2, _r$3, shaderProgram, vertShader, w, $s, $r, $c} = $restore(this, {shaderProgram});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		_r = w.gl.CreateVertexShader(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		vertShader = _r;
+		$r = w.gl.ShaderSource(vertShader, "\nattribute vec2 a_postion;\nattribute vec2 a_texCoord;\nvarying vec2 v_texCoord;\n\nvoid main() {\n\tgl_Position = vec4(a_postion, 0.0, 1.0);\n\tv_texCoord = a_texCoord;\n}\n"); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.CompileShader(vertShader); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$1 = w.gl.GetShaderParameterCompileStatus(vertShader); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		/* */ if (!_r$1) { $s = 4; continue; }
+		/* */ $s = 5; continue;
+		/* if (!_r$1) { */ case 4:
+			_r$2 = w.gl.GetShaderInfoLog(vertShader); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			_arg = new $String(_r$2);
+			_r$3 = fmt.Errorf("Vertex shader: %s", new sliceType$2([_arg])); /* */ $s = 8; case 8: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			$24r = _r$3;
+			$s = 9; case 9: return $24r;
+		/* } */ case 5:
+		$r = w.gl.AttachShader(shaderProgram, vertShader); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindAttribLocation(shaderProgram, 0, "a_position"); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindAttribLocation(shaderProgram, 1, "a_texCoord"); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.DeleteShader(vertShader); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return $ifaceNil;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createAndAttachVertexShader, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, shaderProgram, vertShader, w, $s};return $f;
 	};
-	BufferImpl.prototype.YCbCr = function() { return this.$val.YCbCr(); };
-	BufferImpl.ptr.prototype.YCbCrJS = function() {
-		var b;
-		b = this;
-		if (b.ycbcrJS === ptrType$4.nil) {
-			b.ycbcrJS = new YCbCrJS.ptr(ptrType$5.nil);
+	windowImpl.prototype.createAndAttachVertexShader = function(shaderProgram) { return this.$val.createAndAttachVertexShader(shaderProgram); };
+	windowImpl.ptr.prototype.ensureYUV420Textures = function(width, height) {
+		var {_q, _q$1, _q$2, _q$3, _r, _r$1, _r$2, _r$3, _tuple, err, height, w, width, $s, $r, $c} = $restore(this, {width, height});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		/* */ if (w.programYUV420 === ptrType$3.nil) { $s = 1; continue; }
+		/* */ $s = 2; continue;
+		/* if (w.programYUV420 === ptrType$3.nil) { */ case 1:
+			err = $ifaceNil;
+			_r = w.createAndLinkProgramYUV420(); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			_tuple = _r;
+			w.programYUV420 = _tuple[0];
+			err = _tuple[1];
+			if (!($interfaceIsEqual(err, $ifaceNil))) {
+				$panic(err);
+			}
+		/* } */ case 2:
+		if ((w.width === width) && (w.height === height)) {
+			$s = -1; return;
 		}
-		return b.ycbcrJS;
-	};
-	BufferImpl.prototype.YCbCrJS = function() { return this.$val.YCbCrJS(); };
-	BufferImpl.ptr.prototype.Release = function() {
-		var {b, $s, $deferred, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
-		b = this;
-		$r = b.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$deferred.push([$methodVal(b.mutex, "Unlock"), []]);
-		/* */ if (b.released) { $s = 2; continue; }
-		/* */ $s = 3; continue;
-		/* if (b.released) { */ case 2:
-			$s = 4; case 4: return;
-		/* } */ case 3:
-		b.released = true;
+		w.ensureCanvasSize(width, height);
+		_r$1 = w.createTexture(33985, 6409, width, height); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		w.imageTexY = _r$1;
+		_r$2 = w.createTexture(33986, 6409, (_q = width / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), (_q$1 = height / 2, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))); /* */ $s = 5; case 5: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		w.imageTexU = _r$2;
+		_r$3 = w.createTexture(33987, 6409, (_q$2 = width / 2, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero")), (_q$3 = height / 2, (_q$3 === _q$3 && _q$3 !== 1/0 && _q$3 !== -1/0) ? _q$3 >> 0 : $throwRuntimeError("integer divide by zero"))); /* */ $s = 6; case 6: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+		w.imageTexV = _r$3;
+		$r = w.gl.Enable(2929); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.Viewport(0, 0, width, height); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		w.width = width;
+		w.height = height;
+		$r = w.clear(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		$s = -1; return;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: BufferImpl.ptr.prototype.Release, $c: true, $r, b, $s, $deferred};return $f; } }
-	};
-	BufferImpl.prototype.Release = function() { return this.$val.Release(); };
-	ptrType$7.methods = [{prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "Publish", name: "Publish", pkg: "", typ: $funcType([], [screen.PublishResult], false)}, {prop: "Send", name: "Send", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "SendFirst", name: "SendFirst", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "NextEvent", name: "NextEvent", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Upload", name: "Upload", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "UploadYCbCr", name: "UploadYCbCr", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "Fill", name: "Fill", pkg: "", typ: $funcType([image.Rectangle, color.Color, draw.Op], [], false)}, {prop: "Draw", name: "Draw", pkg: "", typ: $funcType([f64.Aff3, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "DrawUniform", name: "DrawUniform", pkg: "", typ: $funcType([f64.Aff3, color.Color, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Copy", name: "Copy", pkg: "", typ: $funcType([image.Point, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Scale", name: "Scale", pkg: "", typ: $funcType([image.Rectangle, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}];
-	ptrType.methods = [{prop: "NewBuffer", name: "NewBuffer", pkg: "", typ: $funcType([image.Point], [screen.Buffer, $error], false)}, {prop: "NewTexture", name: "NewTexture", pkg: "", typ: $funcType([image.Point], [screen.Texture, $error], false)}, {prop: "NewWindow", name: "NewWindow", pkg: "", typ: $funcType([ptrType$8], [screen.Window, $error], false)}];
-	ptrType$3.methods = [{prop: "Size", name: "Size", pkg: "", typ: $funcType([], [image.Point], false)}, {prop: "Bounds", name: "Bounds", pkg: "", typ: $funcType([], [image.Rectangle], false)}, {prop: "RGBA", name: "RGBA", pkg: "", typ: $funcType([], [ptrType$9], false)}, {prop: "YCbCr", name: "YCbCr", pkg: "", typ: $funcType([], [ptrType$10], false)}, {prop: "YCbCrJS", name: "YCbCrJS", pkg: "", typ: $funcType([], [ptrType$4], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}];
-	windowImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "canvasEl", name: "canvasEl", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "ctx2d", name: "ctx2d", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "domEvents", name: "domEvents", embedded: false, exported: false, typ: ptrType$2, tag: ""}, {prop: "resizeCallback", name: "resizeCallback", embedded: false, exported: false, typ: js.Func, tag: ""}]);
-	screenImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "doc", name: "doc", embedded: false, exported: false, typ: js.Value, tag: ""}]);
-	YCbCrJS.init("", [{prop: "CanvasImageSource", name: "CanvasImageSource", embedded: false, exported: true, typ: ptrType$5, tag: ""}]);
-	BufferImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "size", name: "size", embedded: false, exported: false, typ: image.Point, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "rgba", name: "rgba", embedded: false, exported: false, typ: image.RGBA, tag: ""}, {prop: "ycbcr", name: "ycbcr", embedded: false, exported: false, typ: image.YCbCr, tag: ""}, {prop: "ycbcrJS", name: "ycbcrJS", embedded: false, exported: false, typ: ptrType$4, tag: ""}]);
-	$init = function() {
-		$pkg.$init = function() {};
-		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = fmt.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errscreen.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = dom.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = screen.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = f64.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = color.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = draw.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = sync.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.ensureYUV420Textures, $c: true, $r, _q, _q$1, _q$2, _q$3, _r, _r$1, _r$2, _r$3, _tuple, err, height, w, width, $s};return $f;
 	};
-	$pkg.$init = $init;
-	return $pkg;
-})();
-$packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function() {
-	var $pkg = {}, $init, hex, webgl, general, errs, jshelper, canvasdriver, image, js;
-	hex = $packages["encoding/hex"];
-	webgl = $packages["github.com/nuberu/webgl"];
-	general = $packages["github.com/supraio/client-daemon/pkg/decoder/general"];
-	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
-	jshelper = $packages["github.com/supraio/client-daemon/pkg/jshelper"];
-	canvasdriver = $packages["golang.org/x/exp/shiny/driver/canvasdriver"];
-	image = $packages["image"];
-	js = $packages["syscall/js"];
+	windowImpl.prototype.ensureYUV420Textures = function(width, height) { return this.$val.ensureYUV420Textures(width, height); };
+	windowImpl.ptr.prototype.createAndLinkProgramYUV420 = function() {
+		var {$24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, err, imageULoc, imageVLoc, imageYLoc, shaderProgram, w, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		_r = w.gl.CreateProgram(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		shaderProgram = _r;
+		_r$1 = w.createAndAttachVertexShader(shaderProgram); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		err = _r$1;
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			$s = -1; return [ptrType$3.nil, err];
+		}
+		_r$2 = w.createAndAttachFragmentShader(shaderProgram, "\nprecision mediump float;\nvarying vec2 v_texCoord;\nuniform sampler2D u_imageY;\nuniform sampler2D u_imageU;\nuniform sampler2D u_imageV;\n\nvoid main(void) {\n\tfloat yChannel = texture2D(u_imageY, v_texCoord).x;\n\tfloat uChannel = texture2D(u_imageU, v_texCoord).x;\n\tfloat vChannel = texture2D(u_imageV, v_texCoord).x;\n\n\t// This does the colorspace conversion from Y'UV to RGB as a matrix\n\t// multiply.  It also does the offset of the U and V channels from\n\t// [0,1] to [-.5,.5] as part of the transform.\n\tvec4 channels = vec4(yChannel, uChannel, vChannel, 1.0);\n\n\tmat4 conversion = mat4(1.0,  0.0,    1.402, -0.701,\n\t\t\t\t\t\t\t1.0, -0.344, -0.714,  0.529,\n\t\t\t\t\t\t\t1.0,  1.772,  0.0,   -0.886,\n\t\t\t\t\t\t\t0, 0, 0, 0);\n\tvec3 rgb = (channels * conversion).xyz;\n\n\t// This is another Y'UV transform that can be used, but it doesn't\n\t// accurately transform my source image.  Your images may well fare\n\t// better with it, however, considering they come from a different\n\t// source, and because I'm not sure that my original was converted\n\t// to Y'UV420p with the same RGB->YUV (or YCrCb) conversion as\n\t// yours.\n\t//\n\t// vec4 channels = vec4(yChannel, uChannel, vChannel, 1.0);\n\t// float3x4 conversion = float3x4(1.0,  0.0,      1.13983, -0.569915,\n\t//                                1.0, -0.39465, -0.58060,  0.487625,\n\t//                                1.0,  2.03211,  0.0,     -1.016055);\n\t// float3 rgb = mul(conversion, channels);\n\tgl_FragColor = vec4(rgb, 1.0);\n}\n"); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		err = _r$2;
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			$s = -1; return [ptrType$3.nil, err];
+		}
+		$r = w.gl.LinkProgram(shaderProgram); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$3 = w.gl.GetProgramParameterLinkStatus(shaderProgram); /* */ $s = 7; case 7: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+		/* */ if (!_r$3) { $s = 5; continue; }
+		/* */ $s = 6; continue;
+		/* if (!_r$3) { */ case 5:
+			_r$4 = w.gl.GetProgramInfoLog(shaderProgram); /* */ $s = 8; case 8: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			_arg = new $String(_r$4);
+			_r$5 = fmt.Errorf("Program: %s", new sliceType$2([_arg])); /* */ $s = 9; case 9: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			$24r = [ptrType$3.nil, _r$5];
+			$s = 10; case 10: return $24r;
+		/* } */ case 6:
+		$r = w.gl.UseProgram(shaderProgram); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$6 = w.gl.GetUniformLocation(shaderProgram, "u_imageY"); /* */ $s = 12; case 12: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+		imageYLoc = _r$6;
+		$r = w.gl.Uniform1i(imageYLoc, 1); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$7 = w.gl.GetUniformLocation(shaderProgram, "u_imageU"); /* */ $s = 14; case 14: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
+		imageULoc = _r$7;
+		$r = w.gl.Uniform1i(imageULoc, 2); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$8 = w.gl.GetUniformLocation(shaderProgram, "u_imageV"); /* */ $s = 16; case 16: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
+		imageVLoc = _r$8;
+		$r = w.gl.Uniform1i(imageVLoc, 3); /* */ $s = 17; case 17: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return [shaderProgram, $ifaceNil];
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createAndLinkProgramYUV420, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, err, imageULoc, imageVLoc, imageYLoc, shaderProgram, w, $s};return $f;
+	};
+	windowImpl.prototype.createAndLinkProgramYUV420 = function() { return this.$val.createAndLinkProgramYUV420(); };
+	windowImpl.ptr.prototype.drawBufferYUV420 = function(dp, src, sr) {
+		var {_arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, _r$2, _r$3, _r$4, _r$5, dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		_arg = $clone(dp, image.Point);
+		_r = src.YCbCr(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r$1 = webgl.TypedArrayOf(_r.Y); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_arg$1 = $clone(_r$1, js.Value);
+		_r$2 = src.YCbCr(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		_r$3 = webgl.TypedArrayOf(_r$2.Cb); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+		_arg$2 = $clone(_r$3, js.Value);
+		_r$4 = src.YCbCr(); /* */ $s = 5; case 5: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+		_r$5 = webgl.TypedArrayOf(_r$4.Cr); /* */ $s = 6; case 6: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+		_arg$3 = $clone(_r$5, js.Value);
+		_arg$4 = $clone(sr, image.Rectangle);
+		$r = w.drawBufferYUV420JSArrayBuffers(_arg, _arg$1, _arg$2, _arg$3, _arg$4); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.drawBufferYUV420, $c: true, $r, _arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, _r$2, _r$3, _r$4, _r$5, dp, sr, src, w, $s};return $f;
+	};
+	windowImpl.prototype.drawBufferYUV420 = function(dp, src, sr) { return this.$val.drawBufferYUV420(dp, src, sr); };
+	windowImpl.ptr.prototype.drawBufferYUV420JSArrayBuffers = function(dp, y, cb, cr, sr) {
+		var {_q, _q$1, _q$2, _q$3, cb, cr, dp, sr, w, y, $s, $r, $c} = $restore(this, {dp, y, cb, cr, sr});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		$r = w.ensureYUV420Textures(sr.Max.X, sr.Max.Y); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.UseProgram(w.programYUV420); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindTexture(3553, w.imageTexY); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.TexSubImage2D(3553, 0, dp.X, dp.Y, sr.Max.X, sr.Max.Y, 6409, 5121, $clone(y, js.Value)); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindTexture(3553, w.imageTexU); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.TexSubImage2D(3553, 0, dp.X, dp.Y, (_q = sr.Max.X / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), (_q$1 = sr.Max.Y / 2, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero")), 6409, 5121, $clone(cb, js.Value)); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindTexture(3553, w.imageTexV); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.TexSubImage2D(3553, 0, dp.X, dp.Y, (_q$2 = sr.Max.X / 2, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero")), (_q$3 = sr.Max.Y / 2, (_q$3 === _q$3 && _q$3 !== 1/0 && _q$3 !== -1/0) ? _q$3 >> 0 : $throwRuntimeError("integer divide by zero")), 6409, 5121, $clone(cr, js.Value)); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindVertexArray(w.vertexArray); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.DrawElements(4, elementsIndices.$length, 5123, new $Int64(0, 0)); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.drawBufferYUV420JSArrayBuffers, $c: true, $r, _q, _q$1, _q$2, _q$3, cb, cr, dp, sr, w, y, $s};return $f;
+	};
+	windowImpl.prototype.drawBufferYUV420JSArrayBuffers = function(dp, y, cb, cr, sr) { return this.$val.drawBufferYUV420JSArrayBuffers(dp, y, cb, cr, sr); };
+	windowImpl.ptr.prototype.ensureRGBATextures = function(width, height) {
+		var {_r, _r$1, _tuple, err, height, w, width, $s, $r, $c} = $restore(this, {width, height});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		/* */ if (w.programRGBA === ptrType$3.nil) { $s = 1; continue; }
+		/* */ $s = 2; continue;
+		/* if (w.programRGBA === ptrType$3.nil) { */ case 1:
+			err = $ifaceNil;
+			_r = w.createAndLinkProgramRGBA(); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			_tuple = _r;
+			w.programRGBA = _tuple[0];
+			err = _tuple[1];
+			if (!($interfaceIsEqual(err, $ifaceNil))) {
+				$panic(err);
+			}
+		/* } */ case 2:
+		if ((w.width === width) && (w.height === height)) {
+			$s = -1; return;
+		}
+		w.ensureCanvasSize(width, height);
+		_r$1 = w.createTexture(33984, 6408, width, height); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		w.imageTexRGBA = _r$1;
+		$r = w.gl.Enable(2929); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.Viewport(0, 0, width, height); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		w.width = width;
+		w.height = height;
+		$r = w.clear(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.ensureRGBATextures, $c: true, $r, _r, _r$1, _tuple, err, height, w, width, $s};return $f;
+	};
+	windowImpl.prototype.ensureRGBATextures = function(width, height) { return this.$val.ensureRGBATextures(width, height); };
+	windowImpl.ptr.prototype.createAndLinkProgramRGBA = function() {
+		var {$24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, err, imageLoc, shaderProgram, w, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		_r = w.gl.CreateProgram(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		shaderProgram = _r;
+		_r$1 = w.createAndAttachVertexShader(shaderProgram); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		err = _r$1;
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			$s = -1; return [ptrType$3.nil, err];
+		}
+		_r$2 = w.createAndAttachFragmentShader(shaderProgram, "\nprecision mediump float;\nvarying vec2 v_texCoord;\nuniform sampler2D u_image;\n\nvoid main(void) {\n\tgl_FragColor = texture2D(u_image, v_texCoord);\n}\n"); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		err = _r$2;
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			$s = -1; return [ptrType$3.nil, err];
+		}
+		$r = w.gl.LinkProgram(shaderProgram); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$3 = w.gl.GetProgramParameterLinkStatus(shaderProgram); /* */ $s = 7; case 7: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+		/* */ if (!_r$3) { $s = 5; continue; }
+		/* */ $s = 6; continue;
+		/* if (!_r$3) { */ case 5:
+			_r$4 = w.gl.GetProgramInfoLog(shaderProgram); /* */ $s = 8; case 8: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			_arg = new $String(_r$4);
+			_r$5 = fmt.Errorf("Program: %s", new sliceType$2([_arg])); /* */ $s = 9; case 9: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			$24r = [ptrType$3.nil, _r$5];
+			$s = 10; case 10: return $24r;
+		/* } */ case 6:
+		$r = w.gl.UseProgram(shaderProgram); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$6 = w.gl.GetUniformLocation(shaderProgram, "u_image"); /* */ $s = 12; case 12: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+		imageLoc = _r$6;
+		$r = w.gl.Uniform1i(imageLoc, 0); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return [shaderProgram, $ifaceNil];
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createAndLinkProgramRGBA, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, err, imageLoc, shaderProgram, w, $s};return $f;
+	};
+	windowImpl.prototype.createAndLinkProgramRGBA = function() { return this.$val.createAndLinkProgramRGBA(); };
+	windowImpl.ptr.prototype.drawBufferRGBA = function(dp, src, sr) {
+		var {_arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		$r = w.ensureRGBATextures(sr.Max.X, sr.Max.Y); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.UseProgram(w.programRGBA); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindTexture(3553, w.imageTexRGBA); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_arg = dp.X;
+		_arg$1 = dp.Y;
+		_arg$2 = sr.Max.X;
+		_arg$3 = sr.Max.Y;
+		_r = src.RGBA(); /* */ $s = 4; case 4: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r$1 = webgl.TypedArrayOf(_r.Pix); /* */ $s = 5; case 5: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_arg$4 = $clone(_r$1, js.Value);
+		$r = w.gl.TexSubImage2D(3553, 0, _arg, _arg$1, _arg$2, _arg$3, 6408, 5121, _arg$4); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindVertexArray(w.vertexArray); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.DrawElements(4, elementsIndices.$length, 5123, new $Int64(0, 0)); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.drawBufferRGBA, $c: true, $r, _arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, dp, sr, src, w, $s};return $f;
+	};
+	windowImpl.prototype.drawBufferRGBA = function(dp, src, sr) { return this.$val.drawBufferRGBA(dp, src, sr); };
+	windowImpl.ptr.prototype.createBuffers = function() {
+		var {_r, _r$1, _r$2, elementBuffer, emptyFloat, floatLen, vertexArray, vertexBuffer, w, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		_r = w.gl.CreateVertexArray(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		vertexArray = _r;
+		_r$1 = w.gl.CreateBuffer(); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		vertexBuffer = _r$1;
+		_r$2 = w.gl.CreateBuffer(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		elementBuffer = _r$2;
+		$r = w.gl.BindVertexArray(vertexArray); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindBuffer(34962, vertexBuffer); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BufferData(34962, texCoordsVertices, 35044); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BindBuffer(34963, elementBuffer); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.BufferDataUI16(34963, elementsIndices, 35044); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		emptyFloat = 0;
+		floatLen = 4;
+		$r = w.gl.VertexAttribPointer(0, 2, 5126, false, $imul(4, floatLen), 0); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.EnableVertexAttribArray(0); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.VertexAttribPointer(1, 2, 5126, false, $imul(4, floatLen), $imul(2, floatLen)); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.EnableVertexAttribArray(1); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return vertexArray;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createBuffers, $c: true, $r, _r, _r$1, _r$2, elementBuffer, emptyFloat, floatLen, vertexArray, vertexBuffer, w, $s};return $f;
+	};
+	windowImpl.prototype.createBuffers = function() { return this.$val.createBuffers(); };
+	windowImpl.ptr.prototype.createAndAttachFragmentShader = function(shaderProgram, fragmentShaderCode) {
+		var {$24r, _arg, _r, _r$1, _r$2, _r$3, fragShader, fragmentShaderCode, shaderProgram, w, $s, $r, $c} = $restore(this, {shaderProgram, fragmentShaderCode});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		_r = w.gl.CreateFragmentShader(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		fragShader = _r;
+		$r = w.gl.ShaderSource(fragShader, fragmentShaderCode); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.CompileShader(fragShader); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$1 = w.gl.GetShaderParameterCompileStatus(fragShader); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		/* */ if (!_r$1) { $s = 4; continue; }
+		/* */ $s = 5; continue;
+		/* if (!_r$1) { */ case 4:
+			_r$2 = w.gl.GetShaderInfoLog(fragShader); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			_arg = new $String(_r$2);
+			_r$3 = fmt.Errorf("Fragment shader: %s", new sliceType$2([_arg])); /* */ $s = 8; case 8: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			$24r = _r$3;
+			$s = 9; case 9: return $24r;
+		/* } */ case 5:
+		$r = w.gl.AttachShader(shaderProgram, fragShader); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.DeleteShader(fragShader); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return $ifaceNil;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createAndAttachFragmentShader, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, fragShader, fragmentShaderCode, shaderProgram, w, $s};return $f;
+	};
+	windowImpl.prototype.createAndAttachFragmentShader = function(shaderProgram, fragmentShaderCode) { return this.$val.createAndAttachFragmentShader(shaderProgram, fragmentShaderCode); };
+	windowImpl.ptr.prototype.createTexture = function(unit, format, width, height) {
+		var {_r, format, height, imageTex, unit, w, width, $s, $r, $c} = $restore(this, {unit, format, width, height});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		$r = w.gl.ActiveTexture(((unit >>> 0))); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r = w.gl.CreateTexture(); /* */ $s = 2; case 2: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		imageTex = _r;
+		$r = w.gl.BindTexture(3553, imageTex); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.TexParameterWrapS(3553, 10497); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.TexParameterWrapT(3553, 10497); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.TexParameterMinFilter(3553, 9729); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.TexParameterMagFilter(3553, 9729); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.gl.TexImage2Db(3553, 0, format, width, height, 0, format, sliceType$3.nil); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return imageTex;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createTexture, $c: true, $r, _r, format, height, imageTex, unit, w, width, $s};return $f;
+	};
+	windowImpl.prototype.createTexture = function(unit, format, width, height) { return this.$val.createTexture(unit, format, width, height); };
+	ArrayBufferSlice.ptr.prototype.slice = function() {
+		var {$24r, _r, a, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		a = this;
+		_r = $clone(a.ArrayBuffer, js.Value).Call("subarray", new sliceType$2([new $Int(a.Offset), new $Int(a.Length)])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		$24r = _r;
+		$s = 2; case 2: return $24r;
+		/* */ } return; } var $f = {$blk: ArrayBufferSlice.ptr.prototype.slice, $c: true, $r, $24r, _r, a, $s};return $f;
+	};
+	ArrayBufferSlice.prototype.slice = function() { return this.$val.slice(); };
+	newBuffer = function(screen$1, size) {
+		var _q, _q$1, _q$2, b, rect, screen$1, size;
+		rect = new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(size, image.Point));
+		b = new BufferImpl.ptr(screen$1, $clone(size, image.Point), new sync.Mutex.ptr(0, 0), false, $clone(new image.RGBA.ptr($makeSlice(sliceType$3, ($imul(($imul(4, size.X)), size.Y))), $imul(4, size.X), $clone(rect, image.Rectangle)), image.RGBA), $clone(new image.YCbCr.ptr($makeSlice(sliceType$3, ($imul(size.X, size.Y))), $makeSlice(sliceType$3, (_q$1 = ($imul(size.X, size.Y)) / 4, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))), $makeSlice(sliceType$3, (_q$2 = ($imul(size.X, size.Y)) / 4, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero"))), size.X, (_q = size.X / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), 2, $clone(rect, image.Rectangle)), image.YCbCr), ptrType$8.nil);
+		return b;
+	};
+	BufferImpl.ptr.prototype.Size = function() {
+		var b;
+		b = this;
+		return b.size;
+	};
+	BufferImpl.prototype.Size = function() { return this.$val.Size(); };
+	BufferImpl.ptr.prototype.Bounds = function() {
+		var b;
+		b = this;
+		return new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(b.size, image.Point));
+	};
+	BufferImpl.prototype.Bounds = function() { return this.$val.Bounds(); };
+	BufferImpl.ptr.prototype.RGBA = function() {
+		var b;
+		b = this;
+		return b.rgba;
+	};
+	BufferImpl.prototype.RGBA = function() { return this.$val.RGBA(); };
+	BufferImpl.ptr.prototype.YCbCr = function() {
+		var b;
+		b = this;
+		return b.ycbcr;
+	};
+	BufferImpl.prototype.YCbCr = function() { return this.$val.YCbCr(); };
+	BufferImpl.ptr.prototype.YCbCrJS = function() {
+		var {_r, b, emptyBuffer, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		b = this;
+		/* */ if (b.ycbcrJS === ptrType$8.nil) { $s = 1; continue; }
+		/* */ $s = 2; continue;
+		/* if (b.ycbcrJS === ptrType$8.nil) { */ case 1:
+			_r = $clone($clone(js.Global(), js.Value).Get("ArrayBuffer"), js.Value).New(sliceType$2.nil); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			emptyBuffer = $clone(_r, js.Value);
+			b.ycbcrJS = new YCbCrJS.ptr($clone(new ArrayBufferSlice.ptr($clone(emptyBuffer, js.Value), 0, 0), ArrayBufferSlice), $clone(new ArrayBufferSlice.ptr($clone(emptyBuffer, js.Value), 0, 0), ArrayBufferSlice), $clone(new ArrayBufferSlice.ptr($clone(emptyBuffer, js.Value), 0, 0), ArrayBufferSlice), b.ycbcr.YStride, b.ycbcr.CStride, 2, $clone(b.ycbcr.Rect, image.Rectangle), false);
+		/* } */ case 2:
+		$s = -1; return b.ycbcrJS;
+		/* */ } return; } var $f = {$blk: BufferImpl.ptr.prototype.YCbCrJS, $c: true, $r, _r, b, emptyBuffer, $s};return $f;
+	};
+	BufferImpl.prototype.YCbCrJS = function() { return this.$val.YCbCrJS(); };
+	BufferImpl.ptr.prototype.Release = function() {
+		var {b, $s, $deferred, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
+		b = this;
+		$r = b.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$deferred.push([$methodVal(b.mutex, "Unlock"), []]);
+		/* */ if (b.released) { $s = 2; continue; }
+		/* */ $s = 3; continue;
+		/* if (b.released) { */ case 2:
+			$s = 4; case 4: return;
+		/* } */ case 3:
+		b.released = true;
+		$s = -1; return;
+		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: BufferImpl.ptr.prototype.Release, $c: true, $r, b, $s, $deferred};return $f; } }
+	};
+	BufferImpl.prototype.Release = function() { return this.$val.Release(); };
+	ptrType$10.methods = [{prop: "ensureCanvasSize", name: "ensureCanvasSize", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([$Int, $Int], [], false)}, {prop: "clear", name: "clear", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "Publish", name: "Publish", pkg: "", typ: $funcType([], [screen.PublishResult], false)}, {prop: "Send", name: "Send", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "SendFirst", name: "SendFirst", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "NextEvent", name: "NextEvent", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Upload", name: "Upload", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "UploadYCbCr", name: "UploadYCbCr", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "Fill", name: "Fill", pkg: "", typ: $funcType([image.Rectangle, color.Color, draw.Op], [], false)}, {prop: "Draw", name: "Draw", pkg: "", typ: $funcType([f64.Aff3, screen.Texture, image.Rectangle, draw.Op, ptrType$9], [], false)}, {prop: "DrawUniform", name: "DrawUniform", pkg: "", typ: $funcType([f64.Aff3, color.Color, image.Rectangle, draw.Op, ptrType$9], [], false)}, {prop: "Copy", name: "Copy", pkg: "", typ: $funcType([image.Point, screen.Texture, image.Rectangle, draw.Op, ptrType$9], [], false)}, {prop: "Scale", name: "Scale", pkg: "", typ: $funcType([image.Rectangle, screen.Texture, image.Rectangle, draw.Op, ptrType$9], [], false)}, {prop: "createAndAttachVertexShader", name: "createAndAttachVertexShader", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([ptrType$3], [$error], false)}, {prop: "ensureYUV420Textures", name: "ensureYUV420Textures", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([$Int, $Int], [], false)}, {prop: "createAndLinkProgramYUV420", name: "createAndLinkProgramYUV420", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [ptrType$3, $error], false)}, {prop: "drawBufferYUV420", name: "drawBufferYUV420", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "drawBufferYUV420JSArrayBuffers", name: "drawBufferYUV420JSArrayBuffers", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([image.Point, js.Value, js.Value, js.Value, image.Rectangle], [], false)}, {prop: "ensureRGBATextures", name: "ensureRGBATextures", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([$Int, $Int], [], false)}, {prop: "createAndLinkProgramRGBA", name: "createAndLinkProgramRGBA", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [ptrType$3, $error], false)}, {prop: "drawBufferRGBA", name: "drawBufferRGBA", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "createBuffers", name: "createBuffers", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [ptrType$5], false)}, {prop: "createAndAttachFragmentShader", name: "createAndAttachFragmentShader", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([ptrType$3, $String], [$error], false)}, {prop: "createTexture", name: "createTexture", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([types.GLEnum, types.GLEnum, $Int, $Int], [ptrType$4], false)}];
+	ptrType.methods = [{prop: "NewBuffer", name: "NewBuffer", pkg: "", typ: $funcType([image.Point], [screen.Buffer, $error], false)}, {prop: "NewTexture", name: "NewTexture", pkg: "", typ: $funcType([image.Point], [screen.Texture, $error], false)}, {prop: "NewWindow", name: "NewWindow", pkg: "", typ: $funcType([ptrType$11], [screen.Window, $error], false)}];
+	ptrType$12.methods = [{prop: "slice", name: "slice", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [js.Value], false)}];
+	ptrType$7.methods = [{prop: "Size", name: "Size", pkg: "", typ: $funcType([], [image.Point], false)}, {prop: "Bounds", name: "Bounds", pkg: "", typ: $funcType([], [image.Rectangle], false)}, {prop: "RGBA", name: "RGBA", pkg: "", typ: $funcType([], [ptrType$13], false)}, {prop: "YCbCr", name: "YCbCr", pkg: "", typ: $funcType([], [ptrType$14], false)}, {prop: "YCbCrJS", name: "YCbCrJS", pkg: "", typ: $funcType([], [ptrType$8], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}];
+	windowImpl.init("golang.org/x/exp/shiny/driver/webgldriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "canvasEl", name: "canvasEl", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "gl", name: "gl", embedded: false, exported: false, typ: ptrType$2, tag: ""}, {prop: "programRGBA", name: "programRGBA", embedded: false, exported: false, typ: ptrType$3, tag: ""}, {prop: "imageTexRGBA", name: "imageTexRGBA", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "programYUV420", name: "programYUV420", embedded: false, exported: false, typ: ptrType$3, tag: ""}, {prop: "imageTexY", name: "imageTexY", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "imageTexU", name: "imageTexU", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "imageTexV", name: "imageTexV", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "vertexArray", name: "vertexArray", embedded: false, exported: false, typ: ptrType$5, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "domEvents", name: "domEvents", embedded: false, exported: false, typ: ptrType$6, tag: ""}, {prop: "width", name: "width", embedded: false, exported: false, typ: $Int, tag: ""}, {prop: "height", name: "height", embedded: false, exported: false, typ: $Int, tag: ""}]);
+	screenImpl.init("golang.org/x/exp/shiny/driver/webgldriver", [{prop: "doc", name: "doc", embedded: false, exported: false, typ: js.Value, tag: ""}]);
+	ArrayBufferSlice.init("", [{prop: "ArrayBuffer", name: "ArrayBuffer", embedded: false, exported: true, typ: js.Value, tag: ""}, {prop: "Offset", name: "Offset", embedded: false, exported: true, typ: $Int, tag: ""}, {prop: "Length", name: "Length", embedded: false, exported: true, typ: $Int, tag: ""}]);
+	YCbCrJS.init("", [{prop: "Y", name: "Y", embedded: false, exported: true, typ: ArrayBufferSlice, tag: ""}, {prop: "Cb", name: "Cb", embedded: false, exported: true, typ: ArrayBufferSlice, tag: ""}, {prop: "Cr", name: "Cr", embedded: false, exported: true, typ: ArrayBufferSlice, tag: ""}, {prop: "YStride", name: "YStride", embedded: false, exported: true, typ: $Int, tag: ""}, {prop: "CStride", name: "CStride", embedded: false, exported: true, typ: $Int, tag: ""}, {prop: "SubsampleRatio", name: "SubsampleRatio", embedded: false, exported: true, typ: image.YCbCrSubsampleRatio, tag: ""}, {prop: "Rect", name: "Rect", embedded: false, exported: true, typ: image.Rectangle, tag: ""}, {prop: "Use", name: "Use", embedded: false, exported: true, typ: $Bool, tag: ""}]);
+	BufferImpl.init("golang.org/x/exp/shiny/driver/webgldriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "size", name: "size", embedded: false, exported: false, typ: image.Point, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "rgba", name: "rgba", embedded: false, exported: false, typ: image.RGBA, tag: ""}, {prop: "ycbcr", name: "ycbcr", embedded: false, exported: false, typ: image.YCbCr, tag: ""}, {prop: "ycbcrJS", name: "ycbcrJS", embedded: false, exported: false, typ: ptrType$8, tag: ""}]);
 	$init = function() {
 		$pkg.$init = function() {};
 		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = hex.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = fmt.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		$r = webgl.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = general.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errs.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = jshelper.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = canvasdriver.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = types.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errscreen.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = dom.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = imageutil.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = screen.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = f64.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = image.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = color.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = draw.$init(); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = sync.$init(); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		texCoordsVertices = new sliceType([1, 1, 1, 0, 1, -1, 1, 1, -1, -1, 0, 1, -1, 1, 0, 0]);
+		elementsIndices = new sliceType$1([0, 1, 3, 1, 2, 3]);
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;
 	return $pkg;
 })();
-$packages["github.com/supraio/client-daemon/pkg/input"] = (function() {
-	var $pkg = {}, $init, binary, fmt, errs, message, focus, key, mouse, sync;
-	binary = $packages["encoding/binary"];
-	fmt = $packages["fmt"];
+$packages["github.com/supraio/client-daemon/pkg/decoder/h264decoder"] = (function() {
+	var $pkg = {}, $init, general, errs, webgldriver, image, js;
+	general = $packages["github.com/supraio/client-daemon/pkg/decoder/general"];
 	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
-	message = $packages["github.com/supraio/client-daemon/pkg/message"];
-	focus = $packages["golang.org/x/mobile/event/focus"];
-	key = $packages["golang.org/x/mobile/event/key"];
-	mouse = $packages["golang.org/x/mobile/event/mouse"];
-	sync = $packages["sync"];
+	webgldriver = $packages["golang.org/x/exp/shiny/driver/webgldriver"];
+	image = $packages["image"];
+	js = $packages["syscall/js"];
 	$init = function() {
 		$pkg.$init = function() {};
 		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = binary.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = fmt.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errs.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = message.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = focus.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = key.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = mouse.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = sync.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = general.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = webgldriver.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = image.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;
 	return $pkg;
 })();
-$packages["github.com/supraio/client-daemon/pkg/render/frame"] = (function() {
-	var $pkg = {}, $init, time;
-	time = $packages["time"];
+$packages["github.com/supraio/client-daemon/pkg/videostream"] = (function() {
+	var $pkg = {}, $init, Protocol, videoStreamer, Register;
+	Protocol = $pkg.Protocol = $newType(1, $kindUint8, "videostream.Protocol", true, "github.com/supraio/client-daemon/pkg/videostream", true, null);
+	Register = function(newVideoStreamer) {
+		var newVideoStreamer;
+		if (!($interfaceIsEqual(videoStreamer, $ifaceNil))) {
+			$panic(new $String("VideoStreamer already registered"));
+		}
+		videoStreamer = newVideoStreamer;
+	};
+	$pkg.Register = Register;
 	$init = function() {
 		$pkg.$init = function() {};
 		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = time.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		videoStreamer = $ifaceNil;
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;
 	return $pkg;
 })();
-$packages["github.com/supraio/client-daemon/pkg/render/netframe"] = (function() {
-	var $pkg = {}, $init, binary, errs, netpacket, frame;
-	binary = $packages["encoding/binary"];
+$packages["github.com/supraio/client-daemon/pkg/decoder/sosstream"] = (function() {
+	var $pkg = {}, $init, fmt, general, errs, jshelper, videostream, js, SOSVideoStreamer, funcType, arrayType, ptrType$1, init;
+	fmt = $packages["fmt"];
+	general = $packages["github.com/supraio/client-daemon/pkg/decoder/general"];
 	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
-	netpacket = $packages["github.com/supraio/client-daemon/pkg/netpacket"];
-	frame = $packages["github.com/supraio/client-daemon/pkg/render/frame"];
-	$init = function() {
-		$pkg.$init = function() {};
-		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = binary.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errs.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = netpacket.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = frame.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	jshelper = $packages["github.com/supraio/client-daemon/pkg/jshelper"];
+	videostream = $packages["github.com/supraio/client-daemon/pkg/videostream"];
+	js = $packages["syscall/js"];
+	SOSVideoStreamer = $pkg.SOSVideoStreamer = $newType(0, $kindStruct, "sosstream.SOSVideoStreamer", true, "github.com/supraio/client-daemon/pkg/decoder/sosstream", true, function(sos_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.sos = new js.Value.ptr(null, false, arrayType.zero());
+			return;
+		}
+		this.sos = sos_;
+	});
+	funcType = $funcType([], [], false);
+	arrayType = $arrayType(funcType, 0);
+	ptrType$1 = $ptrType(SOSVideoStreamer);
+	init = function() {
+		var videoStreamer;
+		videoStreamer = new SOSVideoStreamer.ptr($clone($clone(js.Global(), js.Value).Get("sos"), js.Value));
+		videostream.Register(videoStreamer);
 	};
-	$pkg.$init = $init;
-	return $pkg;
-})();
-$packages["golang.org/x/exp/shiny/imageutil"] = (function() {
-	var $pkg = {}, $init, screen, image, draw, ConvertYCbCrToRGBA;
-	screen = $packages["golang.org/x/exp/shiny/screen"];
-	image = $packages["image"];
-	draw = $packages["image/draw"];
-	ConvertYCbCrToRGBA = function(b) {
-		var {_arg, _arg$1, _arg$2, _arg$3, _r, _r$1, _r$2, _r$3, _r$4, b, $s, $r, $c} = $restore(this, {b});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		_r = b.RGBA(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		_arg = _r;
-		_r$1 = b.YCbCr(); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		_r$2 = _r$1.Bounds(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		_arg$1 = $clone(_r$2, image.Rectangle);
-		_r$3 = b.YCbCr(); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-		_arg$2 = _r$3;
-		_r$4 = b.RGBA(); /* */ $s = 5; case 5: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-		_arg$3 = $clone(_r$4.Rect.Min, image.Point);
-		$r = draw.Draw(_arg, _arg$1, _arg$2, _arg$3, 1); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: ConvertYCbCrToRGBA, $c: true, $r, _arg, _arg$1, _arg$2, _arg$3, _r, _r$1, _r$2, _r$3, _r$4, b, $s};return $f;
+	SOSVideoStreamer.ptr.prototype.IsAvailable = function() {
+		var m;
+		m = this;
+		return !$clone(m.sos, js.Value).IsUndefined() && $clone($clone($clone(m.sos, js.Value).Get("config"), js.Value).Get("stream"), js.Value).Truthy();
+	};
+	SOSVideoStreamer.prototype.IsAvailable = function() { return this.$val.IsAvailable(); };
+	SOSVideoStreamer.ptr.prototype.GetProtocol = function() {
+		var _1, m, protocol, protocolValue;
+		m = this;
+		protocolValue = $clone($clone($clone(m.sos, js.Value).Get("config"), js.Value).Get("streamProtocol"), js.Value);
+		protocol = 0;
+		if (!$clone(protocolValue, js.Value).IsUndefined() && ($clone(protocolValue, js.Value).Type() === 4)) {
+			_1 = $clone(protocolValue, js.Value).String();
+			if (_1 === ("UDP")) {
+				protocol = 0;
+			} else if (_1 === ("HTTP")) {
+				protocol = 1;
+			} else if (_1 === ("HTTPMP4")) {
+				protocol = 2;
+			} else if (_1 === ("RTP")) {
+				protocol = 3;
+			} else {
+				protocol = 0;
+			}
+		}
+		return protocol;
+	};
+	SOSVideoStreamer.prototype.GetProtocol = function() { return this.$val.GetProtocol(); };
+	SOSVideoStreamer.ptr.prototype.GetPort = function() {
+		var m, port, portValue;
+		m = this;
+		portValue = $clone($clone($clone(m.sos, js.Value).Get("config"), js.Value).Get("streamPort"), js.Value);
+		port = 5000;
+		if (!$clone(portValue, js.Value).IsUndefined() && ($clone(portValue, js.Value).Type() === 3)) {
+			port = $clone(portValue, js.Value).Int();
+		}
+		return ((port << 16 >>> 16));
 	};
-	$pkg.ConvertYCbCrToRGBA = ConvertYCbCrToRGBA;
+	SOSVideoStreamer.prototype.GetPort = function() { return this.$val.GetPort(); };
+	SOSVideoStreamer.ptr.prototype.GetHostname = function() {
+		var hostname, hostnameValue, m;
+		m = this;
+		hostnameValue = $clone($clone($clone(m.sos, js.Value).Get("config"), js.Value).Get("streamHostname"), js.Value);
+		hostname = "";
+		if (!$clone(hostnameValue, js.Value).IsUndefined() && ($clone(hostnameValue, js.Value).Type() === 4)) {
+			hostname = $clone(hostnameValue, js.Value).String();
+		}
+		return hostname;
+	};
+	SOSVideoStreamer.prototype.GetHostname = function() { return this.$val.GetHostname(); };
+	ptrType$1.methods = [{prop: "IsAvailable", name: "IsAvailable", pkg: "", typ: $funcType([], [$Bool], false)}, {prop: "GetProtocol", name: "GetProtocol", pkg: "", typ: $funcType([], [videostream.Protocol], false)}, {prop: "GetPort", name: "GetPort", pkg: "", typ: $funcType([], [$Uint16], false)}, {prop: "GetHostname", name: "GetHostname", pkg: "", typ: $funcType([], [$String], false)}];
+	SOSVideoStreamer.init("github.com/supraio/client-daemon/pkg/decoder/sosstream", [{prop: "sos", name: "sos", embedded: false, exported: false, typ: js.Value, tag: ""}]);
 	$init = function() {
 		$pkg.$init = function() {};
 		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = screen.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = draw.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = fmt.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = general.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = jshelper.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = videostream.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		init();
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;
 	return $pkg;
 })();
-$packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
-	var $pkg = {}, $init, fmt, webgl, types, errscreen, dom, imageutil, screen, f64, image, color, draw, sync, js, windowImpl, screenImpl, ArrayBufferSlice, YCbCrJS, BufferImpl, sliceType, sliceType$1, sliceType$2, ptrType, ptrType$1, funcType, arrayType, ptrType$2, ptrType$3, ptrType$4, ptrType$5, ptrType$6, ptrType$7, sliceType$3, ptrType$8, ptrType$9, ptrType$10, ptrType$11, ptrType$12, ptrType$13, ptrType$14, texCoordsVertices, elementsIndices, newWindow, main, newScreenImpl, newBuffer;
+$packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
+	var $pkg = {}, $init, fmt, errscreen, dom, screen, f64, image, color, draw, sync, js, windowImpl, screenImpl, YCbCrJS, BufferImpl, sliceType, ptrType, ptrType$1, funcType, arrayType, ptrType$2, ptrType$3, sliceType$1, ptrType$4, ptrType$5, ptrType$6, ptrType$7, ptrType$8, ptrType$9, ptrType$10, newWindow, main, newScreenImpl, newBuffer;
 	fmt = $packages["fmt"];
-	webgl = $packages["github.com/nuberu/webgl"];
-	types = $packages["github.com/nuberu/webgl/types"];
 	errscreen = $packages["golang.org/x/exp/shiny/driver/internal/errscreen"];
 	dom = $packages["golang.org/x/exp/shiny/driver/util/dom"];
-	imageutil = $packages["golang.org/x/exp/shiny/imageutil"];
 	screen = $packages["golang.org/x/exp/shiny/screen"];
 	f64 = $packages["golang.org/x/image/math/f64"];
 	image = $packages["image"];
@@ -190195,43 +190692,27 @@ $packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
 	draw = $packages["image/draw"];
 	sync = $packages["sync"];
 	js = $packages["syscall/js"];
-	windowImpl = $pkg.windowImpl = $newType(0, $kindStruct, "webgldriver.windowImpl", true, "golang.org/x/exp/shiny/driver/webgldriver", false, function(screen_, mutex_, canvasEl_, gl_, programRGBA_, imageTexRGBA_, programYUV420_, imageTexY_, imageTexU_, imageTexV_, vertexArray_, released_, domEvents_, width_, height_) {
+	windowImpl = $pkg.windowImpl = $newType(0, $kindStruct, "canvasdriver.windowImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", false, function(screen_, mutex_, canvasEl_, ctx2d_, released_, domEvents_, resizeCallback_) {
 		this.$val = this;
 		if (arguments.length === 0) {
 			this.screen = ptrType.nil;
 			this.mutex = ptrType$1.nil;
 			this.canvasEl = new js.Value.ptr(null, false, arrayType.zero());
-			this.gl = ptrType$2.nil;
-			this.programRGBA = ptrType$3.nil;
-			this.imageTexRGBA = ptrType$4.nil;
-			this.programYUV420 = ptrType$3.nil;
-			this.imageTexY = ptrType$4.nil;
-			this.imageTexU = ptrType$4.nil;
-			this.imageTexV = ptrType$4.nil;
-			this.vertexArray = ptrType$5.nil;
+			this.ctx2d = new js.Value.ptr(null, false, arrayType.zero());
 			this.released = false;
-			this.domEvents = ptrType$6.nil;
-			this.width = 0;
-			this.height = 0;
+			this.domEvents = ptrType$2.nil;
+			this.resizeCallback = new js.Func.ptr(new js.Value.ptr(null, false, arrayType.zero()));
 			return;
 		}
 		this.screen = screen_;
 		this.mutex = mutex_;
 		this.canvasEl = canvasEl_;
-		this.gl = gl_;
-		this.programRGBA = programRGBA_;
-		this.imageTexRGBA = imageTexRGBA_;
-		this.programYUV420 = programYUV420_;
-		this.imageTexY = imageTexY_;
-		this.imageTexU = imageTexU_;
-		this.imageTexV = imageTexV_;
-		this.vertexArray = vertexArray_;
+		this.ctx2d = ctx2d_;
 		this.released = released_;
 		this.domEvents = domEvents_;
-		this.width = width_;
-		this.height = height_;
+		this.resizeCallback = resizeCallback_;
 	});
-	screenImpl = $pkg.screenImpl = $newType(0, $kindStruct, "webgldriver.screenImpl", true, "golang.org/x/exp/shiny/driver/webgldriver", false, function(doc_) {
+	screenImpl = $pkg.screenImpl = $newType(0, $kindStruct, "canvasdriver.screenImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", false, function(doc_) {
 		this.$val = this;
 		if (arguments.length === 0) {
 			this.doc = new js.Value.ptr(null, false, arrayType.zero());
@@ -190239,50 +190720,24 @@ $packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
 		}
 		this.doc = doc_;
 	});
-	ArrayBufferSlice = $pkg.ArrayBufferSlice = $newType(0, $kindStruct, "webgldriver.ArrayBufferSlice", true, "golang.org/x/exp/shiny/driver/webgldriver", true, function(ArrayBuffer_, Offset_, Length_) {
-		this.$val = this;
-		if (arguments.length === 0) {
-			this.ArrayBuffer = new js.Value.ptr(null, false, arrayType.zero());
-			this.Offset = 0;
-			this.Length = 0;
-			return;
-		}
-		this.ArrayBuffer = ArrayBuffer_;
-		this.Offset = Offset_;
-		this.Length = Length_;
-	});
-	YCbCrJS = $pkg.YCbCrJS = $newType(0, $kindStruct, "webgldriver.YCbCrJS", true, "golang.org/x/exp/shiny/driver/webgldriver", true, function(Y_, Cb_, Cr_, YStride_, CStride_, SubsampleRatio_, Rect_, Use_) {
+	YCbCrJS = $pkg.YCbCrJS = $newType(0, $kindStruct, "canvasdriver.YCbCrJS", true, "golang.org/x/exp/shiny/driver/canvasdriver", true, function(CanvasImageSource_) {
 		this.$val = this;
 		if (arguments.length === 0) {
-			this.Y = new ArrayBufferSlice.ptr(new js.Value.ptr(null, false, arrayType.zero()), 0, 0);
-			this.Cb = new ArrayBufferSlice.ptr(new js.Value.ptr(null, false, arrayType.zero()), 0, 0);
-			this.Cr = new ArrayBufferSlice.ptr(new js.Value.ptr(null, false, arrayType.zero()), 0, 0);
-			this.YStride = 0;
-			this.CStride = 0;
-			this.SubsampleRatio = 0;
-			this.Rect = new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0));
-			this.Use = false;
+			this.CanvasImageSource = ptrType$5.nil;
 			return;
 		}
-		this.Y = Y_;
-		this.Cb = Cb_;
-		this.Cr = Cr_;
-		this.YStride = YStride_;
-		this.CStride = CStride_;
-		this.SubsampleRatio = SubsampleRatio_;
-		this.Rect = Rect_;
-		this.Use = Use_;
+		this.CanvasImageSource = CanvasImageSource_;
 	});
-	BufferImpl = $pkg.BufferImpl = $newType(0, $kindStruct, "webgldriver.BufferImpl", true, "golang.org/x/exp/shiny/driver/webgldriver", true, function(screen_, size_, mutex_, released_, rgba_, ycbcr_, ycbcrJS_) {
+	BufferImpl = $pkg.BufferImpl = $newType(0, $kindStruct, "canvasdriver.BufferImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", true, function(screen_, size_, mutex_, released_, rgba_, ycbcr_, ycbcrJS_) {
 		this.$val = this;
 		if (arguments.length === 0) {
 			this.screen = ptrType.nil;
 			this.size = new image.Point.ptr(0, 0);
 			this.mutex = ptrType$1.nil;
 			this.released = false;
-			this.rgba = new image.RGBA.ptr(sliceType$3.nil, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
-			this.ycbcr = new image.YCbCr.ptr(sliceType$3.nil, sliceType$3.nil, sliceType$3.nil, 0, 0, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
-			this.ycbcrJS = ptrType$8.nil;
+			this.rgba = new image.RGBA.ptr(sliceType$1.nil, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
+			this.ycbcr = new image.YCbCr.ptr(sliceType$1.nil, sliceType$1.nil, sliceType$1.nil, 0, 0, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
+			this.ycbcrJS = ptrType$4.nil;
 			return;
 		}
 		this.screen = screen_;
@@ -190293,89 +190748,85 @@ $packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
 		this.ycbcr = ycbcr_;
 		this.ycbcrJS = ycbcrJS_;
 	});
-	sliceType = $sliceType($Float32);
-	sliceType$1 = $sliceType($Uint16);
-	sliceType$2 = $sliceType($emptyInterface);
+	sliceType = $sliceType($emptyInterface);
 	ptrType = $ptrType(screenImpl);
 	ptrType$1 = $ptrType(sync.Mutex);
 	funcType = $funcType([], [], false);
 	arrayType = $arrayType(funcType, 0);
-	ptrType$2 = $ptrType(webgl.RenderingContext);
-	ptrType$3 = $ptrType(types.Program);
-	ptrType$4 = $ptrType(types.Texture);
-	ptrType$5 = $ptrType(types.VertexArray);
-	ptrType$6 = $ptrType(dom.DomEvents);
-	ptrType$7 = $ptrType(BufferImpl);
-	sliceType$3 = $sliceType($Uint8);
-	ptrType$8 = $ptrType(YCbCrJS);
-	ptrType$9 = $ptrType(screen.DrawOptions);
-	ptrType$10 = $ptrType(windowImpl);
-	ptrType$11 = $ptrType(screen.NewWindowOptions);
-	ptrType$12 = $ptrType(ArrayBufferSlice);
-	ptrType$13 = $ptrType(image.RGBA);
-	ptrType$14 = $ptrType(image.YCbCr);
+	ptrType$2 = $ptrType(dom.DomEvents);
+	ptrType$3 = $ptrType(BufferImpl);
+	sliceType$1 = $sliceType($Uint8);
+	ptrType$4 = $ptrType(YCbCrJS);
+	ptrType$5 = $ptrType(js.Value);
+	ptrType$6 = $ptrType(screen.DrawOptions);
+	ptrType$7 = $ptrType(windowImpl);
+	ptrType$8 = $ptrType(screen.NewWindowOptions);
+	ptrType$9 = $ptrType(image.RGBA);
+	ptrType$10 = $ptrType(image.YCbCr);
 	newWindow = function(screen$1, opts) {
-		var {_r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, canvasEl, domEvents, err, gl, opts, screen$1, w, $s, $r, $c} = $restore(this, {screen$1, opts});
+		var {_r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, adaptCanvas, canvasEl, ctx2d, domEvents, opts, resizeCallback, screen$1, w, $s, $r, $c} = $restore(this, {screen$1, opts});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		_r = $clone(screen$1.doc, js.Value).Call("createElement", new sliceType$2([new $String("canvas")])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		canvasEl = $clone(_r, js.Value);
-		_r$1 = $clone($clone(screen$1.doc, js.Value).Get("body"), js.Value).Call("appendChild", new sliceType$2([new canvasEl.constructor.elem(canvasEl)])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		adaptCanvas = [adaptCanvas];
+		canvasEl = [canvasEl];
+		_r = $clone(screen$1.doc, js.Value).Call("createElement", new sliceType([new $String("canvas")])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		canvasEl[0] = $clone(_r, js.Value);
+		_r$1 = $clone($clone(screen$1.doc, js.Value).Get("body"), js.Value).Call("appendChild", new sliceType([new canvasEl[0].constructor.elem(canvasEl[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
 		_r$1;
-		_r$2 = webgl.FromCanvas($clone(canvasEl, js.Value)); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		_tuple = _r$2;
-		gl = _tuple[0];
-		err = _tuple[1];
-		if (!($interfaceIsEqual(err, $ifaceNil))) {
-			$panic(err);
-		}
+		adaptCanvas[0] = (function(adaptCanvas, canvasEl) { return function() {
+			var height, scale, width;
+			scale = dom.GetBrowserZoomRatio();
+			width = (((dom.GetScreenWidth()) / scale >> 0));
+			if (!(($clone($clone(canvasEl[0], js.Value).Get("width"), js.Value).Int() === width))) {
+				$clone(canvasEl[0], js.Value).Set("width", new $Int(width));
+			}
+			height = (((dom.GetScreenHeight()) / scale >> 0));
+			if (!(($clone($clone(canvasEl[0], js.Value).Get("height"), js.Value).Int() === height))) {
+				$clone(canvasEl[0], js.Value).Set("height", new $Int(height));
+			}
+		}; })(adaptCanvas, canvasEl);
+		$r = adaptCanvas[0](); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		resizeCallback = $clone(js.FuncOf((function(adaptCanvas, canvasEl) { return function $b(this$1, args) {
+			var {args, this$1, $s, $r, $c} = $restore(this, {this$1, args});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			$r = adaptCanvas[0](); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$s = -1; return $ifaceNil;
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, args, this$1, $s};return $f;
+		}; })(adaptCanvas, canvasEl)), js.Func);
+		_r$2 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("resize"), new resizeCallback.constructor.elem(resizeCallback)])); /* */ $s = 4; case 4: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		_r$2;
+		/* */ if (!((opts.Width === 0))) { $s = 5; continue; }
+		/* */ $s = 6; continue;
+		/* if (!((opts.Width === 0))) { */ case 5:
+			$r = dom.SetWindowWidth(opts.Width); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 6:
+		/* */ if (!((opts.Height === 0))) { $s = 8; continue; }
+		/* */ $s = 9; continue;
+		/* if (!((opts.Height === 0))) { */ case 8:
+			$r = dom.SetWindowHeight(opts.Height); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 9:
+		/* */ if (!(opts.Title === "")) { $s = 11; continue; }
+		/* */ $s = 12; continue;
+		/* if (!(opts.Title === "")) { */ case 11:
+			_r$3 = $clone($clone(screen$1.doc, js.Value).Get("head"), js.Value).Call("getElementsByTagName", new sliceType([new $String("title")])); /* */ $s = 13; case 13: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			_r$4 = $clone(_r$3, js.Value).Call("item", new sliceType([new $Int(0)])); /* */ $s = 14; case 14: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			$r = $clone(_r$4, js.Value).Set("innerHTML", new $String(opts.Title)); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 12:
+		_r$5 = $clone(canvasEl[0], js.Value).Call("getContext", new sliceType([new $String("2d")])); /* */ $s = 16; case 16: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+		ctx2d = $clone(_r$5, js.Value);
+		/* */ if ($clone(ctx2d, js.Value).IsUndefined() || $clone(ctx2d, js.Value).IsNull()) { $s = 17; continue; }
+		/* */ $s = 18; continue;
+		/* if ($clone(ctx2d, js.Value).IsUndefined() || $clone(ctx2d, js.Value).IsNull()) { */ case 17:
+			_r$6 = fmt.Errorf("Cannot get 2d context of canvas", sliceType.nil); /* */ $s = 19; case 19: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+			$panic(_r$6);
+		/* } */ case 18:
 		domEvents = dom.NewDomEvents();
-		w = new windowImpl.ptr(screen$1, ptrType$1.nil, $clone(canvasEl, js.Value), gl, ptrType$3.nil, ptrType$4.nil, ptrType$3.nil, ptrType$4.nil, ptrType$4.nil, ptrType$4.nil, ptrType$5.nil, false, domEvents, 0, 0);
-		/* */ if (!((opts.Width === 0))) { $s = 4; continue; }
-		/* */ $s = 5; continue;
-		/* if (!((opts.Width === 0))) { */ case 4:
-			$r = dom.SetWindowWidth(opts.Width); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 5:
-		/* */ if (!((opts.Height === 0))) { $s = 7; continue; }
-		/* */ $s = 8; continue;
-		/* if (!((opts.Height === 0))) { */ case 7:
-			$r = dom.SetWindowHeight(opts.Height); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 8:
-		/* */ if (!(opts.Title === "")) { $s = 10; continue; }
-		/* */ $s = 11; continue;
-		/* if (!(opts.Title === "")) { */ case 10:
-			_r$3 = $clone($clone(screen$1.doc, js.Value).Get("head"), js.Value).Call("getElementsByTagName", new sliceType$2([new $String("title")])); /* */ $s = 12; case 12: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			_r$4 = $clone(_r$3, js.Value).Call("item", new sliceType$2([new $Int(0)])); /* */ $s = 13; case 13: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-			$r = $clone(_r$4, js.Value).Set("innerHTML", new $String(opts.Title)); /* */ $s = 14; case 14: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 11:
-		_r$5 = w.createBuffers(); /* */ $s = 15; case 15: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-		w.vertexArray = _r$5;
-		$r = domEvents.BindEvents(); /* */ $s = 16; case 16: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		w = new windowImpl.ptr(screen$1, ptrType$1.nil, $clone(canvasEl[0], js.Value), $clone(ctx2d, js.Value), false, domEvents, $clone(resizeCallback, js.Func));
+		$r = domEvents.BindEvents(); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		$s = -1; return w;
-		/* */ } return; } var $f = {$blk: newWindow, $c: true, $r, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, canvasEl, domEvents, err, gl, opts, screen$1, w, $s};return $f;
-	};
-	windowImpl.ptr.prototype.ensureCanvasSize = function(width, height) {
-		var height, w, width;
-		w = this;
-		if (!(($clone($clone(w.canvasEl, js.Value).Get("width"), js.Value).Int() === width))) {
-			$clone(w.canvasEl, js.Value).Set("width", new $Int(width));
-		}
-		if (!(($clone($clone(w.canvasEl, js.Value).Get("height"), js.Value).Int() === height))) {
-			$clone(w.canvasEl, js.Value).Set("height", new $Int(height));
-		}
-	};
-	windowImpl.prototype.ensureCanvasSize = function(width, height) { return this.$val.ensureCanvasSize(width, height); };
-	windowImpl.ptr.prototype.clear = function() {
-		var {w, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		$r = w.gl.ClearColor(0, 0, 0, 1); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.Clear(16384); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.clear, $c: true, $r, w, $s};return $f;
+		/* */ } return; } var $f = {$blk: newWindow, $c: true, $r, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, adaptCanvas, canvasEl, ctx2d, domEvents, opts, resizeCallback, screen$1, w, $s};return $f;
 	};
-	windowImpl.prototype.clear = function() { return this.$val.clear(); };
 	windowImpl.ptr.prototype.Release = function() {
-		var {_r, w, $s, $deferred, $r, $c} = $restore(this, {});
+		var {_r, _r$1, w, x, $s, $deferred, $r, $c} = $restore(this, {});
 		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
 		w = this;
 		$r = w.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
@@ -190385,12 +190836,15 @@ $packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
 		/* if (w.released) { */ case 2:
 			$s = 4; case 4: return;
 		/* } */ case 3:
-		_r = $clone(w.canvasEl, js.Value).Call("remove", sliceType$2.nil); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("resize"), (x = w.resizeCallback, new x.constructor.elem(x))])); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 		_r;
-		$r = w.domEvents.Release(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$clone(w.resizeCallback, js.Func).Release();
+		_r$1 = $clone(w.canvasEl, js.Value).Call("remove", sliceType.nil); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_r$1;
+		$r = w.domEvents.Release(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		w.released = true;
 		$s = -1; return;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.Release, $c: true, $r, _r, w, $s, $deferred};return $f; } }
+		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.Release, $c: true, $r, _r, _r$1, w, x, $s, $deferred};return $f; } }
 	};
 	windowImpl.prototype.Release = function() { return this.$val.Release(); };
 	windowImpl.ptr.prototype.Publish = function() {
@@ -190412,492 +190866,156 @@ $packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
 	};
 	windowImpl.prototype.Send = function(event) { return this.$val.Send(event); };
 	windowImpl.ptr.prototype.SendFirst = function(event) {
-		var event, w;
-		w = this;
-		if (w.released) {
-			return;
-		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.SendFirst = function(event) { return this.$val.SendFirst(event); };
-	windowImpl.ptr.prototype.NextEvent = function() {
-		var {_r, ev, w, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		_r = $recv(w.domEvents.GetEventChan()); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		ev = _r[0];
-		$s = -1; return ev;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.NextEvent, $c: true, $r, _r, ev, w, $s};return $f;
-	};
-	windowImpl.prototype.NextEvent = function() { return this.$val.NextEvent(); };
-	windowImpl.ptr.prototype.Upload = function(dp, src, sr) {
-		var {dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		if (w.released) {
-			$s = -1; return;
-		}
-		$r = w.drawBufferRGBA($clone(dp, image.Point), src, $clone(sr, image.Rectangle)); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.Upload, $c: true, $r, dp, sr, src, w, $s};return $f;
-	};
-	windowImpl.prototype.Upload = function(dp, src, sr) { return this.$val.Upload(dp, src, sr); };
-	windowImpl.ptr.prototype.UploadYCbCr = function(dp, src, sr) {
-		var {_arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, dp, jsSrc, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		if (w.released) {
-			$s = -1; return;
-		}
-		_ref = src;
-		/* */ if ($assertType(_ref, ptrType$7, true)[1]) { $s = 1; continue; }
-		/* */ $s = 2; continue;
-		/* if ($assertType(_ref, ptrType$7, true)[1]) { */ case 1:
-			jsSrc = _ref.$val;
-			_r = jsSrc.YCbCrJS(); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			/* */ if (_r.Use) { $s = 3; continue; }
-			/* */ $s = 4; continue;
-			/* if (_r.Use) { */ case 3:
-				_r$1 = jsSrc.YCbCrJS(); /* */ $s = 8; case 8: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-				/* */ if (!((_r$1.SubsampleRatio === 2))) { $s = 6; continue; }
-				/* */ $s = 7; continue;
-				/* if (!((_r$1.SubsampleRatio === 2))) { */ case 6:
-					$panic(new $String("Only image.YCbCrSubsampleRatio420 SubsampleRatio is currently supported"));
-				/* } */ case 7:
-				_arg = $clone(dp, image.Point);
-				_r$2 = jsSrc.YCbCrJS(); /* */ $s = 9; case 9: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-				_r$3 = _r$2.Y.slice(); /* */ $s = 10; case 10: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-				_arg$1 = $clone(_r$3, js.Value);
-				_r$4 = jsSrc.YCbCrJS(); /* */ $s = 11; case 11: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-				_r$5 = _r$4.Cb.slice(); /* */ $s = 12; case 12: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-				_arg$2 = $clone(_r$5, js.Value);
-				_r$6 = jsSrc.YCbCrJS(); /* */ $s = 13; case 13: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
-				_r$7 = _r$6.Cr.slice(); /* */ $s = 14; case 14: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
-				_arg$3 = $clone(_r$7, js.Value);
-				_arg$4 = $clone(sr, image.Rectangle);
-				$r = w.drawBufferYUV420JSArrayBuffers(_arg, _arg$1, _arg$2, _arg$3, _arg$4); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-				$s = -1; return;
-			/* } */ case 4:
-		/* } */ case 2:
-		_r$8 = src.YCbCr(); /* */ $s = 19; case 19: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
-		/* */ if (_r$8.SubsampleRatio === 2) { $s = 16; continue; }
-		/* */ $s = 17; continue;
-		/* if (_r$8.SubsampleRatio === 2) { */ case 16:
-			$r = w.drawBufferYUV420($clone(dp, image.Point), src, $clone(sr, image.Rectangle)); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			$s = 18; continue;
-		/* } else { */ case 17:
-			_r$9 = src.RGBA(); /* */ $s = 23; case 23: if($c) { $c = false; _r$9 = _r$9.$blk(); } if (_r$9 && _r$9.$blk !== undefined) { break s; }
-			/* */ if (_r$9.Pix.$length === 0) { $s = 21; continue; }
-			/* */ $s = 22; continue;
-			/* if (_r$9.Pix.$length === 0) { */ case 21:
-				$r = imageutil.ConvertYCbCrToRGBA(src); /* */ $s = 24; case 24: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			/* } */ case 22:
-			$r = w.drawBufferRGBA($clone(dp, image.Point), src, $clone(sr, image.Rectangle)); /* */ $s = 25; case 25: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 18:
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.UploadYCbCr, $c: true, $r, _arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, dp, jsSrc, sr, src, w, $s};return $f;
-	};
-	windowImpl.prototype.UploadYCbCr = function(dp, src, sr) { return this.$val.UploadYCbCr(dp, src, sr); };
-	windowImpl.ptr.prototype.Fill = function(dr, src, op) {
-		var dr, op, src, w;
-		w = this;
-		if (w.released) {
-			return;
-		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.Fill = function(dr, src, op) { return this.$val.Fill(dr, src, op); };
-	windowImpl.ptr.prototype.Draw = function(src2dst, src, sr, op, opts) {
-		var op, opts, sr, src, src2dst, w;
-		w = this;
-		if (w.released) {
-			return;
-		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.Draw = function(src2dst, src, sr, op, opts) { return this.$val.Draw(src2dst, src, sr, op, opts); };
-	windowImpl.ptr.prototype.DrawUniform = function(src2dst, src, sr, op, opts) {
-		var op, opts, sr, src, src2dst, w;
-		w = this;
-		if (w.released) {
-			return;
-		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.DrawUniform = function(src2dst, src, sr, op, opts) { return this.$val.DrawUniform(src2dst, src, sr, op, opts); };
-	windowImpl.ptr.prototype.Copy = function(dp, src, sr, op, opts) {
-		var dp, op, opts, sr, src, w;
-		w = this;
-		if (w.released) {
-			return;
-		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.Copy = function(dp, src, sr, op, opts) { return this.$val.Copy(dp, src, sr, op, opts); };
-	windowImpl.ptr.prototype.Scale = function(dr, src, sr, op, opts) {
-		var dr, op, opts, sr, src, w;
-		w = this;
-		if (w.released) {
-			return;
-		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.Scale = function(dr, src, sr, op, opts) { return this.$val.Scale(dr, src, sr, op, opts); };
-	main = function(f) {
-		var {_tuple, err, f, retErr, s, $s, $r, $c} = $restore(this, {f});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		retErr = $ifaceNil;
-		_tuple = newScreenImpl();
-		s = _tuple[0];
-		err = _tuple[1];
-		if (!($interfaceIsEqual(err, $ifaceNil))) {
-			retErr = err;
-			$s = -1; return retErr;
-		}
-		$r = f(s); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		retErr = $ifaceNil;
-		$s = -1; return retErr;
-		/* */ } return; } var $f = {$blk: main, $c: true, $r, _tuple, err, f, retErr, s, $s};return $f;
-	};
-	newScreenImpl = function() {
-		var s;
-		s = new screenImpl.ptr($clone($clone(js.Global(), js.Value).Get("document"), js.Value));
-		return [s, $ifaceNil];
-	};
-	screenImpl.ptr.prototype.NewBuffer = function(size) {
-		var buffer, s, size;
-		s = this;
-		buffer = newBuffer(s, $clone(size, image.Point));
-		return [buffer, $ifaceNil];
-	};
-	screenImpl.prototype.NewBuffer = function(size) { return this.$val.NewBuffer(size); };
-	screenImpl.ptr.prototype.NewTexture = function(size) {
-		var {$24r, _r, s, size, $s, $r, $c} = $restore(this, {size});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		s = this;
-		_r = fmt.Errorf("Texture not implemented", sliceType$2.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		$24r = [$ifaceNil, _r];
-		$s = 2; case 2: return $24r;
-		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewTexture, $c: true, $r, $24r, _r, s, size, $s};return $f;
-	};
-	screenImpl.prototype.NewTexture = function(size) { return this.$val.NewTexture(size); };
-	screenImpl.ptr.prototype.NewWindow = function(opts) {
-		var {_r, opts, s, window, $s, $r, $c} = $restore(this, {opts});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		s = this;
-		_r = newWindow(s, opts); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		window = _r;
-		$s = -1; return [window, $ifaceNil];
-		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewWindow, $c: true, $r, _r, opts, s, window, $s};return $f;
-	};
-	screenImpl.prototype.NewWindow = function(opts) { return this.$val.NewWindow(opts); };
-	windowImpl.ptr.prototype.createAndAttachVertexShader = function(shaderProgram) {
-		var {$24r, _arg, _r, _r$1, _r$2, _r$3, shaderProgram, vertShader, w, $s, $r, $c} = $restore(this, {shaderProgram});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		_r = w.gl.CreateVertexShader(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		vertShader = _r;
-		$r = w.gl.ShaderSource(vertShader, "\nattribute vec2 a_postion;\nattribute vec2 a_texCoord;\nvarying vec2 v_texCoord;\n\nvoid main() {\n\tgl_Position = vec4(a_postion, 0.0, 1.0);\n\tv_texCoord = a_texCoord;\n}\n"); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.CompileShader(vertShader); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r$1 = w.gl.GetShaderParameterCompileStatus(vertShader); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		/* */ if (!_r$1) { $s = 4; continue; }
-		/* */ $s = 5; continue;
-		/* if (!_r$1) { */ case 4:
-			_r$2 = w.gl.GetShaderInfoLog(vertShader); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-			_arg = new $String(_r$2);
-			_r$3 = fmt.Errorf("Vertex shader: %s", new sliceType$2([_arg])); /* */ $s = 8; case 8: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			$24r = _r$3;
-			$s = 9; case 9: return $24r;
-		/* } */ case 5:
-		$r = w.gl.AttachShader(shaderProgram, vertShader); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindAttribLocation(shaderProgram, 0, "a_position"); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindAttribLocation(shaderProgram, 1, "a_texCoord"); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.DeleteShader(vertShader); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return $ifaceNil;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createAndAttachVertexShader, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, shaderProgram, vertShader, w, $s};return $f;
-	};
-	windowImpl.prototype.createAndAttachVertexShader = function(shaderProgram) { return this.$val.createAndAttachVertexShader(shaderProgram); };
-	windowImpl.ptr.prototype.ensureYUV420Textures = function(width, height) {
-		var {_q, _q$1, _q$2, _q$3, _r, _r$1, _r$2, _r$3, _tuple, err, height, w, width, $s, $r, $c} = $restore(this, {width, height});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		/* */ if (w.programYUV420 === ptrType$3.nil) { $s = 1; continue; }
-		/* */ $s = 2; continue;
-		/* if (w.programYUV420 === ptrType$3.nil) { */ case 1:
-			err = $ifaceNil;
-			_r = w.createAndLinkProgramYUV420(); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			_tuple = _r;
-			w.programYUV420 = _tuple[0];
-			err = _tuple[1];
-			if (!($interfaceIsEqual(err, $ifaceNil))) {
-				$panic(err);
-			}
-		/* } */ case 2:
-		if ((w.width === width) && (w.height === height)) {
-			$s = -1; return;
-		}
-		w.ensureCanvasSize(width, height);
-		_r$1 = w.createTexture(33985, 6409, width, height); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		w.imageTexY = _r$1;
-		_r$2 = w.createTexture(33986, 6409, (_q = width / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), (_q$1 = height / 2, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))); /* */ $s = 5; case 5: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		w.imageTexU = _r$2;
-		_r$3 = w.createTexture(33987, 6409, (_q$2 = width / 2, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero")), (_q$3 = height / 2, (_q$3 === _q$3 && _q$3 !== 1/0 && _q$3 !== -1/0) ? _q$3 >> 0 : $throwRuntimeError("integer divide by zero"))); /* */ $s = 6; case 6: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-		w.imageTexV = _r$3;
-		$r = w.gl.Enable(2929); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.Viewport(0, 0, width, height); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		w.width = width;
-		w.height = height;
-		$r = w.clear(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.ensureYUV420Textures, $c: true, $r, _q, _q$1, _q$2, _q$3, _r, _r$1, _r$2, _r$3, _tuple, err, height, w, width, $s};return $f;
-	};
-	windowImpl.prototype.ensureYUV420Textures = function(width, height) { return this.$val.ensureYUV420Textures(width, height); };
-	windowImpl.ptr.prototype.createAndLinkProgramYUV420 = function() {
-		var {$24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, err, imageULoc, imageVLoc, imageYLoc, shaderProgram, w, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		_r = w.gl.CreateProgram(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		shaderProgram = _r;
-		_r$1 = w.createAndAttachVertexShader(shaderProgram); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		err = _r$1;
-		if (!($interfaceIsEqual(err, $ifaceNil))) {
-			$s = -1; return [ptrType$3.nil, err];
-		}
-		_r$2 = w.createAndAttachFragmentShader(shaderProgram, "\nprecision mediump float;\nvarying vec2 v_texCoord;\nuniform sampler2D u_imageY;\nuniform sampler2D u_imageU;\nuniform sampler2D u_imageV;\n\nvoid main(void) {\n\tfloat yChannel = texture2D(u_imageY, v_texCoord).x;\n\tfloat uChannel = texture2D(u_imageU, v_texCoord).x;\n\tfloat vChannel = texture2D(u_imageV, v_texCoord).x;\n\n\t// This does the colorspace conversion from Y'UV to RGB as a matrix\n\t// multiply.  It also does the offset of the U and V channels from\n\t// [0,1] to [-.5,.5] as part of the transform.\n\tvec4 channels = vec4(yChannel, uChannel, vChannel, 1.0);\n\n\tmat4 conversion = mat4(1.0,  0.0,    1.402, -0.701,\n\t\t\t\t\t\t\t1.0, -0.344, -0.714,  0.529,\n\t\t\t\t\t\t\t1.0,  1.772,  0.0,   -0.886,\n\t\t\t\t\t\t\t0, 0, 0, 0);\n\tvec3 rgb = (channels * conversion).xyz;\n\n\t// This is another Y'UV transform that can be used, but it doesn't\n\t// accurately transform my source image.  Your images may well fare\n\t// better with it, however, considering they come from a different\n\t// source, and because I'm not sure that my original was converted\n\t// to Y'UV420p with the same RGB->YUV (or YCrCb) conversion as\n\t// yours.\n\t//\n\t// vec4 channels = vec4(yChannel, uChannel, vChannel, 1.0);\n\t// float3x4 conversion = float3x4(1.0,  0.0,      1.13983, -0.569915,\n\t//                                1.0, -0.39465, -0.58060,  0.487625,\n\t//                                1.0,  2.03211,  0.0,     -1.016055);\n\t// float3 rgb = mul(conversion, channels);\n\tgl_FragColor = vec4(rgb, 1.0);\n}\n"); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		err = _r$2;
-		if (!($interfaceIsEqual(err, $ifaceNil))) {
-			$s = -1; return [ptrType$3.nil, err];
+		var event, w;
+		w = this;
+		if (w.released) {
+			return;
 		}
-		$r = w.gl.LinkProgram(shaderProgram); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r$3 = w.gl.GetProgramParameterLinkStatus(shaderProgram); /* */ $s = 7; case 7: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-		/* */ if (!_r$3) { $s = 5; continue; }
-		/* */ $s = 6; continue;
-		/* if (!_r$3) { */ case 5:
-			_r$4 = w.gl.GetProgramInfoLog(shaderProgram); /* */ $s = 8; case 8: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-			_arg = new $String(_r$4);
-			_r$5 = fmt.Errorf("Program: %s", new sliceType$2([_arg])); /* */ $s = 9; case 9: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-			$24r = [ptrType$3.nil, _r$5];
-			$s = 10; case 10: return $24r;
-		/* } */ case 6:
-		$r = w.gl.UseProgram(shaderProgram); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r$6 = w.gl.GetUniformLocation(shaderProgram, "u_imageY"); /* */ $s = 12; case 12: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
-		imageYLoc = _r$6;
-		$r = w.gl.Uniform1i(imageYLoc, 1); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r$7 = w.gl.GetUniformLocation(shaderProgram, "u_imageU"); /* */ $s = 14; case 14: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
-		imageULoc = _r$7;
-		$r = w.gl.Uniform1i(imageULoc, 2); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r$8 = w.gl.GetUniformLocation(shaderProgram, "u_imageV"); /* */ $s = 16; case 16: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
-		imageVLoc = _r$8;
-		$r = w.gl.Uniform1i(imageVLoc, 3); /* */ $s = 17; case 17: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return [shaderProgram, $ifaceNil];
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createAndLinkProgramYUV420, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, err, imageULoc, imageVLoc, imageYLoc, shaderProgram, w, $s};return $f;
+		$panic(new $String("Not implemented"));
 	};
-	windowImpl.prototype.createAndLinkProgramYUV420 = function() { return this.$val.createAndLinkProgramYUV420(); };
-	windowImpl.ptr.prototype.drawBufferYUV420 = function(dp, src, sr) {
-		var {_arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, _r$2, _r$3, _r$4, _r$5, dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
+	windowImpl.prototype.SendFirst = function(event) { return this.$val.SendFirst(event); };
+	windowImpl.ptr.prototype.NextEvent = function() {
+		var {_r, ev, w, $s, $r, $c} = $restore(this, {});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		w = this;
-		_arg = $clone(dp, image.Point);
-		_r = src.YCbCr(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		_r$1 = webgl.TypedArrayOf(_r.Y); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		_arg$1 = $clone(_r$1, js.Value);
-		_r$2 = src.YCbCr(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		_r$3 = webgl.TypedArrayOf(_r$2.Cb); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-		_arg$2 = $clone(_r$3, js.Value);
-		_r$4 = src.YCbCr(); /* */ $s = 5; case 5: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-		_r$5 = webgl.TypedArrayOf(_r$4.Cr); /* */ $s = 6; case 6: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-		_arg$3 = $clone(_r$5, js.Value);
-		_arg$4 = $clone(sr, image.Rectangle);
-		$r = w.drawBufferYUV420JSArrayBuffers(_arg, _arg$1, _arg$2, _arg$3, _arg$4); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.drawBufferYUV420, $c: true, $r, _arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, _r$2, _r$3, _r$4, _r$5, dp, sr, src, w, $s};return $f;
+		_r = $recv(w.domEvents.GetEventChan()); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		ev = _r[0];
+		$s = -1; return ev;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.NextEvent, $c: true, $r, _r, ev, w, $s};return $f;
 	};
-	windowImpl.prototype.drawBufferYUV420 = function(dp, src, sr) { return this.$val.drawBufferYUV420(dp, src, sr); };
-	windowImpl.ptr.prototype.drawBufferYUV420JSArrayBuffers = function(dp, y, cb, cr, sr) {
-		var {_q, _q$1, _q$2, _q$3, cb, cr, dp, sr, w, y, $s, $r, $c} = $restore(this, {dp, y, cb, cr, sr});
+	windowImpl.prototype.NextEvent = function() { return this.$val.NextEvent(); };
+	windowImpl.ptr.prototype.Upload = function(dp, src, sr) {
+		var {_r, dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		w = this;
-		$r = w.ensureYUV420Textures(sr.Max.X, sr.Max.Y); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.UseProgram(w.programYUV420); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindTexture(3553, w.imageTexY); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.TexSubImage2D(3553, 0, dp.X, dp.Y, sr.Max.X, sr.Max.Y, 6409, 5121, $clone(y, js.Value)); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindTexture(3553, w.imageTexU); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.TexSubImage2D(3553, 0, dp.X, dp.Y, (_q = sr.Max.X / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), (_q$1 = sr.Max.Y / 2, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero")), 6409, 5121, $clone(cb, js.Value)); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindTexture(3553, w.imageTexV); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.TexSubImage2D(3553, 0, dp.X, dp.Y, (_q$2 = sr.Max.X / 2, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero")), (_q$3 = sr.Max.Y / 2, (_q$3 === _q$3 && _q$3 !== 1/0 && _q$3 !== -1/0) ? _q$3 >> 0 : $throwRuntimeError("integer divide by zero")), 6409, 5121, $clone(cr, js.Value)); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindVertexArray(w.vertexArray); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.DrawElements(4, elementsIndices.$length, 5123, new $Int64(0, 0)); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		if (w.released) {
+			$s = -1; return;
+		}
+		_r = fmt.Errorf("Not implemented, use UploadYCbCr instead", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		$panic(_r);
 		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.drawBufferYUV420JSArrayBuffers, $c: true, $r, _q, _q$1, _q$2, _q$3, cb, cr, dp, sr, w, y, $s};return $f;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.Upload, $c: true, $r, _r, dp, sr, src, w, $s};return $f;
 	};
-	windowImpl.prototype.drawBufferYUV420JSArrayBuffers = function(dp, y, cb, cr, sr) { return this.$val.drawBufferYUV420JSArrayBuffers(dp, y, cb, cr, sr); };
-	windowImpl.ptr.prototype.ensureRGBATextures = function(width, height) {
-		var {_r, _r$1, _tuple, err, height, w, width, $s, $r, $c} = $restore(this, {width, height});
+	windowImpl.prototype.Upload = function(dp, src, sr) { return this.$val.Upload(dp, src, sr); };
+	windowImpl.ptr.prototype.UploadYCbCr = function(dp, src, sr) {
+		var {_r, _r$1, _ref, dp, jsSrc, sr, src, w, x, $s, $r, $c} = $restore(this, {dp, src, sr});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		w = this;
-		/* */ if (w.programRGBA === ptrType$3.nil) { $s = 1; continue; }
-		/* */ $s = 2; continue;
-		/* if (w.programRGBA === ptrType$3.nil) { */ case 1:
-			err = $ifaceNil;
-			_r = w.createAndLinkProgramRGBA(); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			_tuple = _r;
-			w.programRGBA = _tuple[0];
-			err = _tuple[1];
-			if (!($interfaceIsEqual(err, $ifaceNil))) {
-				$panic(err);
-			}
-		/* } */ case 2:
-		if ((w.width === width) && (w.height === height)) {
+		if (w.released) {
 			$s = -1; return;
 		}
-		w.ensureCanvasSize(width, height);
-		_r$1 = w.createTexture(33984, 6408, width, height); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		w.imageTexRGBA = _r$1;
-		$r = w.gl.Enable(2929); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.Viewport(0, 0, width, height); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		w.width = width;
-		w.height = height;
-		$r = w.clear(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_ref = src;
+		/* */ if ($assertType(_ref, ptrType$3, true)[1]) { $s = 1; continue; }
+		/* */ $s = 2; continue;
+		/* if ($assertType(_ref, ptrType$3, true)[1]) { */ case 1:
+			jsSrc = _ref.$val;
+			_r = $clone(w.ctx2d, js.Value).Call("drawImage", new sliceType([(x = jsSrc.YCbCrJS().CanvasImageSource, new x.constructor.elem(x)), new $Int(0), new $Int(0)])); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			_r;
+			$s = -1; return;
+		/* } */ case 2:
+		_r$1 = fmt.Errorf("Not implemented, use canvasdriver.BufferImpl instead", sliceType.nil); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		$panic(_r$1);
 		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.ensureRGBATextures, $c: true, $r, _r, _r$1, _tuple, err, height, w, width, $s};return $f;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.UploadYCbCr, $c: true, $r, _r, _r$1, _ref, dp, jsSrc, sr, src, w, x, $s};return $f;
 	};
-	windowImpl.prototype.ensureRGBATextures = function(width, height) { return this.$val.ensureRGBATextures(width, height); };
-	windowImpl.ptr.prototype.createAndLinkProgramRGBA = function() {
-		var {$24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, err, imageLoc, shaderProgram, w, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+	windowImpl.prototype.UploadYCbCr = function(dp, src, sr) { return this.$val.UploadYCbCr(dp, src, sr); };
+	windowImpl.ptr.prototype.Fill = function(dr, src, op) {
+		var dr, op, src, w;
 		w = this;
-		_r = w.gl.CreateProgram(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		shaderProgram = _r;
-		_r$1 = w.createAndAttachVertexShader(shaderProgram); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		err = _r$1;
-		if (!($interfaceIsEqual(err, $ifaceNil))) {
-			$s = -1; return [ptrType$3.nil, err];
+		if (w.released) {
+			return;
 		}
-		_r$2 = w.createAndAttachFragmentShader(shaderProgram, "\nprecision mediump float;\nvarying vec2 v_texCoord;\nuniform sampler2D u_image;\n\nvoid main(void) {\n\tgl_FragColor = texture2D(u_image, v_texCoord);\n}\n"); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		err = _r$2;
-		if (!($interfaceIsEqual(err, $ifaceNil))) {
-			$s = -1; return [ptrType$3.nil, err];
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.Fill = function(dr, src, op) { return this.$val.Fill(dr, src, op); };
+	windowImpl.ptr.prototype.Draw = function(src2dst, src, sr, op, opts) {
+		var op, opts, sr, src, src2dst, w;
+		w = this;
+		if (w.released) {
+			return;
 		}
-		$r = w.gl.LinkProgram(shaderProgram); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r$3 = w.gl.GetProgramParameterLinkStatus(shaderProgram); /* */ $s = 7; case 7: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-		/* */ if (!_r$3) { $s = 5; continue; }
-		/* */ $s = 6; continue;
-		/* if (!_r$3) { */ case 5:
-			_r$4 = w.gl.GetProgramInfoLog(shaderProgram); /* */ $s = 8; case 8: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-			_arg = new $String(_r$4);
-			_r$5 = fmt.Errorf("Program: %s", new sliceType$2([_arg])); /* */ $s = 9; case 9: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-			$24r = [ptrType$3.nil, _r$5];
-			$s = 10; case 10: return $24r;
-		/* } */ case 6:
-		$r = w.gl.UseProgram(shaderProgram); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r$6 = w.gl.GetUniformLocation(shaderProgram, "u_image"); /* */ $s = 12; case 12: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
-		imageLoc = _r$6;
-		$r = w.gl.Uniform1i(imageLoc, 0); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return [shaderProgram, $ifaceNil];
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createAndLinkProgramRGBA, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, err, imageLoc, shaderProgram, w, $s};return $f;
+		$panic(new $String("Not implemented"));
 	};
-	windowImpl.prototype.createAndLinkProgramRGBA = function() { return this.$val.createAndLinkProgramRGBA(); };
-	windowImpl.ptr.prototype.drawBufferRGBA = function(dp, src, sr) {
-		var {_arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+	windowImpl.prototype.Draw = function(src2dst, src, sr, op, opts) { return this.$val.Draw(src2dst, src, sr, op, opts); };
+	windowImpl.ptr.prototype.DrawUniform = function(src2dst, src, sr, op, opts) {
+		var op, opts, sr, src, src2dst, w;
 		w = this;
-		$r = w.ensureRGBATextures(sr.Max.X, sr.Max.Y); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.UseProgram(w.programRGBA); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindTexture(3553, w.imageTexRGBA); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_arg = dp.X;
-		_arg$1 = dp.Y;
-		_arg$2 = sr.Max.X;
-		_arg$3 = sr.Max.Y;
-		_r = src.RGBA(); /* */ $s = 4; case 4: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		_r$1 = webgl.TypedArrayOf(_r.Pix); /* */ $s = 5; case 5: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		_arg$4 = $clone(_r$1, js.Value);
-		$r = w.gl.TexSubImage2D(3553, 0, _arg, _arg$1, _arg$2, _arg$3, 6408, 5121, _arg$4); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindVertexArray(w.vertexArray); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.DrawElements(4, elementsIndices.$length, 5123, new $Int64(0, 0)); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.drawBufferRGBA, $c: true, $r, _arg, _arg$1, _arg$2, _arg$3, _arg$4, _r, _r$1, dp, sr, src, w, $s};return $f;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
 	};
-	windowImpl.prototype.drawBufferRGBA = function(dp, src, sr) { return this.$val.drawBufferRGBA(dp, src, sr); };
-	windowImpl.ptr.prototype.createBuffers = function() {
-		var {_r, _r$1, _r$2, elementBuffer, emptyFloat, floatLen, vertexArray, vertexBuffer, w, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+	windowImpl.prototype.DrawUniform = function(src2dst, src, sr, op, opts) { return this.$val.DrawUniform(src2dst, src, sr, op, opts); };
+	windowImpl.ptr.prototype.Copy = function(dp, src, sr, op, opts) {
+		var dp, op, opts, sr, src, w;
 		w = this;
-		_r = w.gl.CreateVertexArray(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		vertexArray = _r;
-		_r$1 = w.gl.CreateBuffer(); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		vertexBuffer = _r$1;
-		_r$2 = w.gl.CreateBuffer(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		elementBuffer = _r$2;
-		$r = w.gl.BindVertexArray(vertexArray); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindBuffer(34962, vertexBuffer); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BufferData(34962, texCoordsVertices, 35044); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BindBuffer(34963, elementBuffer); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.BufferDataUI16(34963, elementsIndices, 35044); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		emptyFloat = 0;
-		floatLen = 4;
-		$r = w.gl.VertexAttribPointer(0, 2, 5126, false, $imul(4, floatLen), 0); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.EnableVertexAttribArray(0); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.VertexAttribPointer(1, 2, 5126, false, $imul(4, floatLen), $imul(2, floatLen)); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.EnableVertexAttribArray(1); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return vertexArray;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createBuffers, $c: true, $r, _r, _r$1, _r$2, elementBuffer, emptyFloat, floatLen, vertexArray, vertexBuffer, w, $s};return $f;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
 	};
-	windowImpl.prototype.createBuffers = function() { return this.$val.createBuffers(); };
-	windowImpl.ptr.prototype.createAndAttachFragmentShader = function(shaderProgram, fragmentShaderCode) {
-		var {$24r, _arg, _r, _r$1, _r$2, _r$3, fragShader, fragmentShaderCode, shaderProgram, w, $s, $r, $c} = $restore(this, {shaderProgram, fragmentShaderCode});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+	windowImpl.prototype.Copy = function(dp, src, sr, op, opts) { return this.$val.Copy(dp, src, sr, op, opts); };
+	windowImpl.ptr.prototype.Scale = function(dr, src, sr, op, opts) {
+		var dr, op, opts, sr, src, w;
 		w = this;
-		_r = w.gl.CreateFragmentShader(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		fragShader = _r;
-		$r = w.gl.ShaderSource(fragShader, fragmentShaderCode); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.CompileShader(fragShader); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r$1 = w.gl.GetShaderParameterCompileStatus(fragShader); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		/* */ if (!_r$1) { $s = 4; continue; }
-		/* */ $s = 5; continue;
-		/* if (!_r$1) { */ case 4:
-			_r$2 = w.gl.GetShaderInfoLog(fragShader); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-			_arg = new $String(_r$2);
-			_r$3 = fmt.Errorf("Fragment shader: %s", new sliceType$2([_arg])); /* */ $s = 8; case 8: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			$24r = _r$3;
-			$s = 9; case 9: return $24r;
-		/* } */ case 5:
-		$r = w.gl.AttachShader(shaderProgram, fragShader); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.DeleteShader(fragShader); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return $ifaceNil;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createAndAttachFragmentShader, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, fragShader, fragmentShaderCode, shaderProgram, w, $s};return $f;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.Scale = function(dr, src, sr, op, opts) { return this.$val.Scale(dr, src, sr, op, opts); };
+	main = function(f) {
+		var {_tuple, err, f, retErr, s, $s, $r, $c} = $restore(this, {f});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		retErr = $ifaceNil;
+		_tuple = newScreenImpl();
+		s = _tuple[0];
+		err = _tuple[1];
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			retErr = err;
+			$s = -1; return retErr;
+		}
+		$r = f(s); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		retErr = $ifaceNil;
+		$s = -1; return retErr;
+		/* */ } return; } var $f = {$blk: main, $c: true, $r, _tuple, err, f, retErr, s, $s};return $f;
 	};
-	windowImpl.prototype.createAndAttachFragmentShader = function(shaderProgram, fragmentShaderCode) { return this.$val.createAndAttachFragmentShader(shaderProgram, fragmentShaderCode); };
-	windowImpl.ptr.prototype.createTexture = function(unit, format, width, height) {
-		var {_r, format, height, imageTex, unit, w, width, $s, $r, $c} = $restore(this, {unit, format, width, height});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		$r = w.gl.ActiveTexture(((unit >>> 0))); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		_r = w.gl.CreateTexture(); /* */ $s = 2; case 2: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		imageTex = _r;
-		$r = w.gl.BindTexture(3553, imageTex); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.TexParameterWrapS(3553, 10497); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.TexParameterWrapT(3553, 10497); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.TexParameterMinFilter(3553, 9729); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.TexParameterMagFilter(3553, 9729); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = w.gl.TexImage2Db(3553, 0, format, width, height, 0, format, sliceType$3.nil); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return imageTex;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.createTexture, $c: true, $r, _r, format, height, imageTex, unit, w, width, $s};return $f;
+	newScreenImpl = function() {
+		var s;
+		s = new screenImpl.ptr($clone($clone(js.Global(), js.Value).Get("document"), js.Value));
+		return [s, $ifaceNil];
 	};
-	windowImpl.prototype.createTexture = function(unit, format, width, height) { return this.$val.createTexture(unit, format, width, height); };
-	ArrayBufferSlice.ptr.prototype.slice = function() {
-		var {$24r, _r, a, $s, $r, $c} = $restore(this, {});
+	screenImpl.ptr.prototype.NewBuffer = function(size) {
+		var buffer, s, size;
+		s = this;
+		buffer = newBuffer(s, $clone(size, image.Point));
+		return [buffer, $ifaceNil];
+	};
+	screenImpl.prototype.NewBuffer = function(size) { return this.$val.NewBuffer(size); };
+	screenImpl.ptr.prototype.NewTexture = function(size) {
+		var {$24r, _r, s, size, $s, $r, $c} = $restore(this, {size});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		a = this;
-		_r = $clone(a.ArrayBuffer, js.Value).Call("subarray", new sliceType$2([new $Int(a.Offset), new $Int(a.Length)])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		$24r = _r;
+		s = this;
+		_r = fmt.Errorf("Texture not implemented", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		$24r = [$ifaceNil, _r];
 		$s = 2; case 2: return $24r;
-		/* */ } return; } var $f = {$blk: ArrayBufferSlice.ptr.prototype.slice, $c: true, $r, $24r, _r, a, $s};return $f;
+		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewTexture, $c: true, $r, $24r, _r, s, size, $s};return $f;
 	};
-	ArrayBufferSlice.prototype.slice = function() { return this.$val.slice(); };
+	screenImpl.prototype.NewTexture = function(size) { return this.$val.NewTexture(size); };
+	screenImpl.ptr.prototype.NewWindow = function(opts) {
+		var {_r, opts, s, window, $s, $r, $c} = $restore(this, {opts});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		s = this;
+		_r = newWindow(s, opts); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		window = _r;
+		$s = -1; return [window, $ifaceNil];
+		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewWindow, $c: true, $r, _r, opts, s, window, $s};return $f;
+	};
+	screenImpl.prototype.NewWindow = function(opts) { return this.$val.NewWindow(opts); };
 	newBuffer = function(screen$1, size) {
 		var _q, _q$1, _q$2, b, rect, screen$1, size;
 		rect = new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(size, image.Point));
-		b = new BufferImpl.ptr(screen$1, $clone(size, image.Point), new sync.Mutex.ptr(0, 0), false, $clone(new image.RGBA.ptr($makeSlice(sliceType$3, ($imul(($imul(4, size.X)), size.Y))), $imul(4, size.X), $clone(rect, image.Rectangle)), image.RGBA), $clone(new image.YCbCr.ptr($makeSlice(sliceType$3, ($imul(size.X, size.Y))), $makeSlice(sliceType$3, (_q$1 = ($imul(size.X, size.Y)) / 4, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))), $makeSlice(sliceType$3, (_q$2 = ($imul(size.X, size.Y)) / 4, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero"))), size.X, (_q = size.X / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), 2, $clone(rect, image.Rectangle)), image.YCbCr), ptrType$8.nil);
+		b = new BufferImpl.ptr(screen$1, $clone(size, image.Point), new sync.Mutex.ptr(0, 0), false, $clone(new image.RGBA.ptr($makeSlice(sliceType$1, ($imul(($imul(4, size.X)), size.Y))), $imul(4, size.X), $clone(rect, image.Rectangle)), image.RGBA), $clone(new image.YCbCr.ptr($makeSlice(sliceType$1, ($imul(size.X, size.Y))), $makeSlice(sliceType$1, (_q$1 = ($imul(size.X, size.Y)) / 4, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))), $makeSlice(sliceType$1, (_q$2 = ($imul(size.X, size.Y)) / 4, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero"))), size.X, (_q = size.X / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), 2, $clone(rect, image.Rectangle)), image.YCbCr), ptrType$4.nil);
 		return b;
 	};
 	BufferImpl.ptr.prototype.Size = function() {
@@ -190925,18 +191043,12 @@ $packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
 	};
 	BufferImpl.prototype.YCbCr = function() { return this.$val.YCbCr(); };
 	BufferImpl.ptr.prototype.YCbCrJS = function() {
-		var {_r, b, emptyBuffer, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		var b;
 		b = this;
-		/* */ if (b.ycbcrJS === ptrType$8.nil) { $s = 1; continue; }
-		/* */ $s = 2; continue;
-		/* if (b.ycbcrJS === ptrType$8.nil) { */ case 1:
-			_r = $clone($clone(js.Global(), js.Value).Get("ArrayBuffer"), js.Value).New(sliceType$2.nil); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			emptyBuffer = $clone(_r, js.Value);
-			b.ycbcrJS = new YCbCrJS.ptr($clone(new ArrayBufferSlice.ptr($clone(emptyBuffer, js.Value), 0, 0), ArrayBufferSlice), $clone(new ArrayBufferSlice.ptr($clone(emptyBuffer, js.Value), 0, 0), ArrayBufferSlice), $clone(new ArrayBufferSlice.ptr($clone(emptyBuffer, js.Value), 0, 0), ArrayBufferSlice), b.ycbcr.YStride, b.ycbcr.CStride, 2, $clone(b.ycbcr.Rect, image.Rectangle), false);
-		/* } */ case 2:
-		$s = -1; return b.ycbcrJS;
-		/* */ } return; } var $f = {$blk: BufferImpl.ptr.prototype.YCbCrJS, $c: true, $r, _r, b, emptyBuffer, $s};return $f;
+		if (b.ycbcrJS === ptrType$4.nil) {
+			b.ycbcrJS = new YCbCrJS.ptr(ptrType$5.nil);
+		}
+		return b.ycbcrJS;
 	};
 	BufferImpl.prototype.YCbCrJS = function() { return this.$val.YCbCrJS(); };
 	BufferImpl.ptr.prototype.Release = function() {
@@ -190955,164 +191067,54 @@ $packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
 		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: BufferImpl.ptr.prototype.Release, $c: true, $r, b, $s, $deferred};return $f; } }
 	};
 	BufferImpl.prototype.Release = function() { return this.$val.Release(); };
-	ptrType$10.methods = [{prop: "ensureCanvasSize", name: "ensureCanvasSize", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([$Int, $Int], [], false)}, {prop: "clear", name: "clear", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "Publish", name: "Publish", pkg: "", typ: $funcType([], [screen.PublishResult], false)}, {prop: "Send", name: "Send", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "SendFirst", name: "SendFirst", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "NextEvent", name: "NextEvent", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Upload", name: "Upload", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "UploadYCbCr", name: "UploadYCbCr", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "Fill", name: "Fill", pkg: "", typ: $funcType([image.Rectangle, color.Color, draw.Op], [], false)}, {prop: "Draw", name: "Draw", pkg: "", typ: $funcType([f64.Aff3, screen.Texture, image.Rectangle, draw.Op, ptrType$9], [], false)}, {prop: "DrawUniform", name: "DrawUniform", pkg: "", typ: $funcType([f64.Aff3, color.Color, image.Rectangle, draw.Op, ptrType$9], [], false)}, {prop: "Copy", name: "Copy", pkg: "", typ: $funcType([image.Point, screen.Texture, image.Rectangle, draw.Op, ptrType$9], [], false)}, {prop: "Scale", name: "Scale", pkg: "", typ: $funcType([image.Rectangle, screen.Texture, image.Rectangle, draw.Op, ptrType$9], [], false)}, {prop: "createAndAttachVertexShader", name: "createAndAttachVertexShader", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([ptrType$3], [$error], false)}, {prop: "ensureYUV420Textures", name: "ensureYUV420Textures", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([$Int, $Int], [], false)}, {prop: "createAndLinkProgramYUV420", name: "createAndLinkProgramYUV420", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [ptrType$3, $error], false)}, {prop: "drawBufferYUV420", name: "drawBufferYUV420", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "drawBufferYUV420JSArrayBuffers", name: "drawBufferYUV420JSArrayBuffers", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([image.Point, js.Value, js.Value, js.Value, image.Rectangle], [], false)}, {prop: "ensureRGBATextures", name: "ensureRGBATextures", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([$Int, $Int], [], false)}, {prop: "createAndLinkProgramRGBA", name: "createAndLinkProgramRGBA", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [ptrType$3, $error], false)}, {prop: "drawBufferRGBA", name: "drawBufferRGBA", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "createBuffers", name: "createBuffers", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [ptrType$5], false)}, {prop: "createAndAttachFragmentShader", name: "createAndAttachFragmentShader", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([ptrType$3, $String], [$error], false)}, {prop: "createTexture", name: "createTexture", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([types.GLEnum, types.GLEnum, $Int, $Int], [ptrType$4], false)}];
-	ptrType.methods = [{prop: "NewBuffer", name: "NewBuffer", pkg: "", typ: $funcType([image.Point], [screen.Buffer, $error], false)}, {prop: "NewTexture", name: "NewTexture", pkg: "", typ: $funcType([image.Point], [screen.Texture, $error], false)}, {prop: "NewWindow", name: "NewWindow", pkg: "", typ: $funcType([ptrType$11], [screen.Window, $error], false)}];
-	ptrType$12.methods = [{prop: "slice", name: "slice", pkg: "golang.org/x/exp/shiny/driver/webgldriver", typ: $funcType([], [js.Value], false)}];
-	ptrType$7.methods = [{prop: "Size", name: "Size", pkg: "", typ: $funcType([], [image.Point], false)}, {prop: "Bounds", name: "Bounds", pkg: "", typ: $funcType([], [image.Rectangle], false)}, {prop: "RGBA", name: "RGBA", pkg: "", typ: $funcType([], [ptrType$13], false)}, {prop: "YCbCr", name: "YCbCr", pkg: "", typ: $funcType([], [ptrType$14], false)}, {prop: "YCbCrJS", name: "YCbCrJS", pkg: "", typ: $funcType([], [ptrType$8], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}];
-	windowImpl.init("golang.org/x/exp/shiny/driver/webgldriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "canvasEl", name: "canvasEl", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "gl", name: "gl", embedded: false, exported: false, typ: ptrType$2, tag: ""}, {prop: "programRGBA", name: "programRGBA", embedded: false, exported: false, typ: ptrType$3, tag: ""}, {prop: "imageTexRGBA", name: "imageTexRGBA", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "programYUV420", name: "programYUV420", embedded: false, exported: false, typ: ptrType$3, tag: ""}, {prop: "imageTexY", name: "imageTexY", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "imageTexU", name: "imageTexU", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "imageTexV", name: "imageTexV", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "vertexArray", name: "vertexArray", embedded: false, exported: false, typ: ptrType$5, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "domEvents", name: "domEvents", embedded: false, exported: false, typ: ptrType$6, tag: ""}, {prop: "width", name: "width", embedded: false, exported: false, typ: $Int, tag: ""}, {prop: "height", name: "height", embedded: false, exported: false, typ: $Int, tag: ""}]);
-	screenImpl.init("golang.org/x/exp/shiny/driver/webgldriver", [{prop: "doc", name: "doc", embedded: false, exported: false, typ: js.Value, tag: ""}]);
-	ArrayBufferSlice.init("", [{prop: "ArrayBuffer", name: "ArrayBuffer", embedded: false, exported: true, typ: js.Value, tag: ""}, {prop: "Offset", name: "Offset", embedded: false, exported: true, typ: $Int, tag: ""}, {prop: "Length", name: "Length", embedded: false, exported: true, typ: $Int, tag: ""}]);
-	YCbCrJS.init("", [{prop: "Y", name: "Y", embedded: false, exported: true, typ: ArrayBufferSlice, tag: ""}, {prop: "Cb", name: "Cb", embedded: false, exported: true, typ: ArrayBufferSlice, tag: ""}, {prop: "Cr", name: "Cr", embedded: false, exported: true, typ: ArrayBufferSlice, tag: ""}, {prop: "YStride", name: "YStride", embedded: false, exported: true, typ: $Int, tag: ""}, {prop: "CStride", name: "CStride", embedded: false, exported: true, typ: $Int, tag: ""}, {prop: "SubsampleRatio", name: "SubsampleRatio", embedded: false, exported: true, typ: image.YCbCrSubsampleRatio, tag: ""}, {prop: "Rect", name: "Rect", embedded: false, exported: true, typ: image.Rectangle, tag: ""}, {prop: "Use", name: "Use", embedded: false, exported: true, typ: $Bool, tag: ""}]);
-	BufferImpl.init("golang.org/x/exp/shiny/driver/webgldriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "size", name: "size", embedded: false, exported: false, typ: image.Point, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "rgba", name: "rgba", embedded: false, exported: false, typ: image.RGBA, tag: ""}, {prop: "ycbcr", name: "ycbcr", embedded: false, exported: false, typ: image.YCbCr, tag: ""}, {prop: "ycbcrJS", name: "ycbcrJS", embedded: false, exported: false, typ: ptrType$8, tag: ""}]);
+	ptrType$7.methods = [{prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "Publish", name: "Publish", pkg: "", typ: $funcType([], [screen.PublishResult], false)}, {prop: "Send", name: "Send", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "SendFirst", name: "SendFirst", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "NextEvent", name: "NextEvent", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Upload", name: "Upload", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "UploadYCbCr", name: "UploadYCbCr", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "Fill", name: "Fill", pkg: "", typ: $funcType([image.Rectangle, color.Color, draw.Op], [], false)}, {prop: "Draw", name: "Draw", pkg: "", typ: $funcType([f64.Aff3, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "DrawUniform", name: "DrawUniform", pkg: "", typ: $funcType([f64.Aff3, color.Color, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Copy", name: "Copy", pkg: "", typ: $funcType([image.Point, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Scale", name: "Scale", pkg: "", typ: $funcType([image.Rectangle, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}];
+	ptrType.methods = [{prop: "NewBuffer", name: "NewBuffer", pkg: "", typ: $funcType([image.Point], [screen.Buffer, $error], false)}, {prop: "NewTexture", name: "NewTexture", pkg: "", typ: $funcType([image.Point], [screen.Texture, $error], false)}, {prop: "NewWindow", name: "NewWindow", pkg: "", typ: $funcType([ptrType$8], [screen.Window, $error], false)}];
+	ptrType$3.methods = [{prop: "Size", name: "Size", pkg: "", typ: $funcType([], [image.Point], false)}, {prop: "Bounds", name: "Bounds", pkg: "", typ: $funcType([], [image.Rectangle], false)}, {prop: "RGBA", name: "RGBA", pkg: "", typ: $funcType([], [ptrType$9], false)}, {prop: "YCbCr", name: "YCbCr", pkg: "", typ: $funcType([], [ptrType$10], false)}, {prop: "YCbCrJS", name: "YCbCrJS", pkg: "", typ: $funcType([], [ptrType$4], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}];
+	windowImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "canvasEl", name: "canvasEl", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "ctx2d", name: "ctx2d", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "domEvents", name: "domEvents", embedded: false, exported: false, typ: ptrType$2, tag: ""}, {prop: "resizeCallback", name: "resizeCallback", embedded: false, exported: false, typ: js.Func, tag: ""}]);
+	screenImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "doc", name: "doc", embedded: false, exported: false, typ: js.Value, tag: ""}]);
+	YCbCrJS.init("", [{prop: "CanvasImageSource", name: "CanvasImageSource", embedded: false, exported: true, typ: ptrType$5, tag: ""}]);
+	BufferImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "size", name: "size", embedded: false, exported: false, typ: image.Point, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "rgba", name: "rgba", embedded: false, exported: false, typ: image.RGBA, tag: ""}, {prop: "ycbcr", name: "ycbcr", embedded: false, exported: false, typ: image.YCbCr, tag: ""}, {prop: "ycbcrJS", name: "ycbcrJS", embedded: false, exported: false, typ: ptrType$4, tag: ""}]);
 	$init = function() {
 		$pkg.$init = function() {};
 		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
 		$r = fmt.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = webgl.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = types.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errscreen.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = dom.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = imageutil.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = screen.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = f64.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = color.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = draw.$init(); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = sync.$init(); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		texCoordsVertices = new sliceType([1, 1, 1, 0, 1, -1, 1, 1, -1, -1, 0, 1, -1, 1, 0, 0]);
-		elementsIndices = new sliceType$1([0, 1, 3, 1, 2, 3]);
-		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
-	};
-	$pkg.$init = $init;
-	return $pkg;
-})();
-$packages["github.com/supraio/client-daemon/pkg/decoder/h264decoder"] = (function() {
-	var $pkg = {}, $init, general, errs, webgldriver, image, js;
-	general = $packages["github.com/supraio/client-daemon/pkg/decoder/general"];
-	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
-	webgldriver = $packages["golang.org/x/exp/shiny/driver/webgldriver"];
-	image = $packages["image"];
-	js = $packages["syscall/js"];
-	$init = function() {
-		$pkg.$init = function() {};
-		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = general.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errs.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = webgldriver.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
-	};
-	$pkg.$init = $init;
-	return $pkg;
-})();
-$packages["github.com/supraio/client-daemon/pkg/videostream"] = (function() {
-	var $pkg = {}, $init, Protocol, videoStreamer, Register;
-	Protocol = $pkg.Protocol = $newType(1, $kindUint8, "videostream.Protocol", true, "github.com/supraio/client-daemon/pkg/videostream", true, null);
-	Register = function(newVideoStreamer) {
-		var newVideoStreamer;
-		if (!($interfaceIsEqual(videoStreamer, $ifaceNil))) {
-			$panic(new $String("VideoStreamer already registered"));
-		}
-		videoStreamer = newVideoStreamer;
-	};
-	$pkg.Register = Register;
-	$init = function() {
-		$pkg.$init = function() {};
-		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		videoStreamer = $ifaceNil;
+		$r = errscreen.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = dom.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = screen.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = f64.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = image.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = color.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = draw.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = sync.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;
 	return $pkg;
 })();
-$packages["github.com/supraio/client-daemon/pkg/decoder/sosstream"] = (function() {
-	var $pkg = {}, $init, fmt, general, errs, jshelper, videostream, js, SOSVideoStreamer, funcType, arrayType, ptrType$1, init;
-	fmt = $packages["fmt"];
+$packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function() {
+	var $pkg = {}, $init, hex, webgl, general, errs, jshelper, canvasdriver, image, log, js;
+	hex = $packages["encoding/hex"];
+	webgl = $packages["github.com/nuberu/webgl"];
 	general = $packages["github.com/supraio/client-daemon/pkg/decoder/general"];
 	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
 	jshelper = $packages["github.com/supraio/client-daemon/pkg/jshelper"];
-	videostream = $packages["github.com/supraio/client-daemon/pkg/videostream"];
+	canvasdriver = $packages["golang.org/x/exp/shiny/driver/canvasdriver"];
+	image = $packages["image"];
+	log = $packages["log"];
 	js = $packages["syscall/js"];
-	SOSVideoStreamer = $pkg.SOSVideoStreamer = $newType(0, $kindStruct, "sosstream.SOSVideoStreamer", true, "github.com/supraio/client-daemon/pkg/decoder/sosstream", true, function(sos_) {
-		this.$val = this;
-		if (arguments.length === 0) {
-			this.sos = new js.Value.ptr(null, false, arrayType.zero());
-			return;
-		}
-		this.sos = sos_;
-	});
-	funcType = $funcType([], [], false);
-	arrayType = $arrayType(funcType, 0);
-	ptrType$1 = $ptrType(SOSVideoStreamer);
-	init = function() {
-		var videoStreamer;
-		videoStreamer = new SOSVideoStreamer.ptr($clone($clone(js.Global(), js.Value).Get("sos"), js.Value));
-		videostream.Register(videoStreamer);
-	};
-	SOSVideoStreamer.ptr.prototype.IsAvailable = function() {
-		var m;
-		m = this;
-		return !$clone(m.sos, js.Value).IsUndefined() && $clone($clone($clone(m.sos, js.Value).Get("config"), js.Value).Get("stream"), js.Value).Truthy();
-	};
-	SOSVideoStreamer.prototype.IsAvailable = function() { return this.$val.IsAvailable(); };
-	SOSVideoStreamer.ptr.prototype.GetProtocol = function() {
-		var _1, m, protocol, protocolValue;
-		m = this;
-		protocolValue = $clone($clone($clone(m.sos, js.Value).Get("config"), js.Value).Get("streamProtocol"), js.Value);
-		protocol = 0;
-		if (!$clone(protocolValue, js.Value).IsUndefined() && ($clone(protocolValue, js.Value).Type() === 4)) {
-			_1 = $clone(protocolValue, js.Value).String();
-			if (_1 === ("UDP")) {
-				protocol = 0;
-			} else if (_1 === ("HTTP")) {
-				protocol = 1;
-			} else if (_1 === ("HTTPMP4")) {
-				protocol = 2;
-			} else if (_1 === ("RTP")) {
-				protocol = 3;
-			} else {
-				protocol = 0;
-			}
-		}
-		return protocol;
-	};
-	SOSVideoStreamer.prototype.GetProtocol = function() { return this.$val.GetProtocol(); };
-	SOSVideoStreamer.ptr.prototype.GetPort = function() {
-		var m, port, portValue;
-		m = this;
-		portValue = $clone($clone($clone(m.sos, js.Value).Get("config"), js.Value).Get("streamPort"), js.Value);
-		port = 5000;
-		if (!$clone(portValue, js.Value).IsUndefined() && ($clone(portValue, js.Value).Type() === 3)) {
-			port = $clone(portValue, js.Value).Int();
-		}
-		return ((port << 16 >>> 16));
-	};
-	SOSVideoStreamer.prototype.GetPort = function() { return this.$val.GetPort(); };
-	SOSVideoStreamer.ptr.prototype.GetHostname = function() {
-		var hostname, hostnameValue, m;
-		m = this;
-		hostnameValue = $clone($clone($clone(m.sos, js.Value).Get("config"), js.Value).Get("streamHostname"), js.Value);
-		hostname = "";
-		if (!$clone(hostnameValue, js.Value).IsUndefined() && ($clone(hostnameValue, js.Value).Type() === 4)) {
-			hostname = $clone(hostnameValue, js.Value).String();
-		}
-		return hostname;
-	};
-	SOSVideoStreamer.prototype.GetHostname = function() { return this.$val.GetHostname(); };
-	ptrType$1.methods = [{prop: "IsAvailable", name: "IsAvailable", pkg: "", typ: $funcType([], [$Bool], false)}, {prop: "GetProtocol", name: "GetProtocol", pkg: "", typ: $funcType([], [videostream.Protocol], false)}, {prop: "GetPort", name: "GetPort", pkg: "", typ: $funcType([], [$Uint16], false)}, {prop: "GetHostname", name: "GetHostname", pkg: "", typ: $funcType([], [$String], false)}];
-	SOSVideoStreamer.init("github.com/supraio/client-daemon/pkg/decoder/sosstream", [{prop: "sos", name: "sos", embedded: false, exported: false, typ: js.Value, tag: ""}]);
 	$init = function() {
 		$pkg.$init = function() {};
 		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = fmt.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = general.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errs.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = jshelper.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = videostream.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		init();
+		$r = hex.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = webgl.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = general.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = jshelper.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = canvasdriver.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = image.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = log.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;
@@ -191542,7 +191544,7 @@ $packages["golang.org/x/mobile/event/lifecycle"] = (function() {
 	return $pkg;
 })();
 $packages["github.com/supraio/client-daemon/pkg/render"] = (function() {
-	var $pkg = {}, $init, binary, json, query, clientscreen, clipboard, nacldecoder, nacldriver, webcodecs, errs, helper, input, message, netclient, netpacket, netstream, netframe, player, overlaydriver, stats, videostream, window, canvasdriver, webgldriver, screen, focus, key, lifecycle, mouse, size, image, io, ioutil, log, os, path, strings, sync, js, time, screenParams, ScreenManager, ProcessInfo, ProcessInfoManager, ptrType, funcType, sliceType$1, sliceType$3, arrayType, ptrType$12, openScreenWindows, mutex, NewScreenManager, NewProcessInfoManager;
+	var $pkg = {}, $init, binary, json, query, clientscreen, clipboard, nacldecoder, nacldriver, errs, helper, input, message, netclient, netpacket, netstream, netframe, player, overlaydriver, stats, videostream, window, webgldriver, screen, focus, key, lifecycle, mouse, size, image, io, ioutil, log, os, path, strings, sync, js, time, screenParams, ScreenManager, ProcessInfo, ProcessInfoManager, ptrType, funcType, sliceType$1, sliceType$3, arrayType, ptrType$12, openScreenWindows, mutex, NewScreenManager, NewProcessInfoManager;
 	binary = $packages["encoding/binary"];
 	json = $packages["encoding/json"];
 	query = $packages["github.com/google/go-querystring/query"];
@@ -191550,7 +191552,6 @@ $packages["github.com/supraio/client-daemon/pkg/render"] = (function() {
 	clipboard = $packages["github.com/supraio/client-daemon/pkg/clipboard"];
 	nacldecoder = $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"];
 	nacldriver = $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder/nacldriver"];
-	webcodecs = $packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"];
 	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
 	helper = $packages["github.com/supraio/client-daemon/pkg/helper"];
 	input = $packages["github.com/supraio/client-daemon/pkg/input"];
@@ -191564,7 +191565,6 @@ $packages["github.com/supraio/client-daemon/pkg/render"] = (function() {
 	stats = $packages["github.com/supraio/client-daemon/pkg/stats"];
 	videostream = $packages["github.com/supraio/client-daemon/pkg/videostream"];
 	window = $packages["github.com/supraio/client-daemon/pkg/window"];
-	canvasdriver = $packages["golang.org/x/exp/shiny/driver/canvasdriver"];
 	webgldriver = $packages["golang.org/x/exp/shiny/driver/webgldriver"];
 	screen = $packages["golang.org/x/exp/shiny/screen"];
 	focus = $packages["golang.org/x/mobile/event/focus"];
@@ -192003,38 +192003,36 @@ $packages["github.com/supraio/client-daemon/pkg/render"] = (function() {
 		$r = clipboard.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		$r = nacldecoder.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		$r = nacldriver.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = webcodecs.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errs.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = helper.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = input.$init(); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = message.$init(); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = netclient.$init(); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = netpacket.$init(); /* */ $s = 14; case 14: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = netstream.$init(); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = netframe.$init(); /* */ $s = 16; case 16: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = player.$init(); /* */ $s = 17; case 17: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = overlaydriver.$init(); /* */ $s = 18; case 18: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = stats.$init(); /* */ $s = 19; case 19: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = videostream.$init(); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = window.$init(); /* */ $s = 21; case 21: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = canvasdriver.$init(); /* */ $s = 22; case 22: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = webgldriver.$init(); /* */ $s = 23; case 23: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = screen.$init(); /* */ $s = 24; case 24: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = focus.$init(); /* */ $s = 25; case 25: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = key.$init(); /* */ $s = 26; case 26: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = lifecycle.$init(); /* */ $s = 27; case 27: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = mouse.$init(); /* */ $s = 28; case 28: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = size.$init(); /* */ $s = 29; case 29: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$init(); /* */ $s = 30; case 30: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = io.$init(); /* */ $s = 31; case 31: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = ioutil.$init(); /* */ $s = 32; case 32: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = log.$init(); /* */ $s = 33; case 33: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = os.$init(); /* */ $s = 34; case 34: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = path.$init(); /* */ $s = 35; case 35: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = strings.$init(); /* */ $s = 36; case 36: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = sync.$init(); /* */ $s = 37; case 37: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 38; case 38: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = time.$init(); /* */ $s = 39; case 39: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = helper.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = input.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = message.$init(); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = netclient.$init(); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = netpacket.$init(); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = netstream.$init(); /* */ $s = 14; case 14: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = netframe.$init(); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = player.$init(); /* */ $s = 16; case 16: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = overlaydriver.$init(); /* */ $s = 17; case 17: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = stats.$init(); /* */ $s = 18; case 18: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = videostream.$init(); /* */ $s = 19; case 19: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = window.$init(); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = webgldriver.$init(); /* */ $s = 21; case 21: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = screen.$init(); /* */ $s = 22; case 22: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = focus.$init(); /* */ $s = 23; case 23: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = key.$init(); /* */ $s = 24; case 24: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = lifecycle.$init(); /* */ $s = 25; case 25: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = mouse.$init(); /* */ $s = 26; case 26: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = size.$init(); /* */ $s = 27; case 27: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = image.$init(); /* */ $s = 28; case 28: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = io.$init(); /* */ $s = 29; case 29: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = ioutil.$init(); /* */ $s = 30; case 30: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = log.$init(); /* */ $s = 31; case 31: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = os.$init(); /* */ $s = 32; case 32: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = path.$init(); /* */ $s = 33; case 33: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = strings.$init(); /* */ $s = 34; case 34: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = sync.$init(); /* */ $s = 35; case 35: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 36; case 36: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = time.$init(); /* */ $s = 37; case 37: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		openScreenWindows = $makeMap($String.keyFor, []);
 		mutex = new sync.Mutex.ptr(0, 0);
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;