@supraio/client-daemon-js 0.0.1 → 1.0.0

package/supra-client-screen.js

@@ -5619,7 +5619,7 @@ $packages["internal/race"] = (function() {
 	return $pkg;
 })();
 $packages["sync/atomic"] = (function() {
-	var $pkg = {}, $init, js, Value, ptrType$5, CompareAndSwapInt32, CompareAndSwapUint32, CompareAndSwapUint64, CompareAndSwapPointer, AddInt32, LoadInt32, LoadUint32, LoadUint64, LoadPointer, StoreInt32, StoreUint32, StoreUint64, StorePointer, sameType;
+	var $pkg = {}, $init, js, Value, Bool, noCopy, ptrType, ptrType$5, ptrType$6, ptrType$12, b32, SwapUint32, CompareAndSwapInt32, CompareAndSwapUint32, CompareAndSwapUint64, CompareAndSwapPointer, AddInt32, LoadInt32, LoadUint32, LoadUint64, LoadPointer, StoreInt32, StoreUint32, StoreUint64, StorePointer, sameType;
 	js = $packages["github.com/gopherjs/gopherjs/js"];
 	Value = $pkg.Value = $newType(0, $kindStruct, "atomic.Value", true, "sync/atomic", true, function(v_) {
 		this.$val = this;
@@ -5629,7 +5629,74 @@ $packages["sync/atomic"] = (function() {
 		}
 		this.v = v_;
 	});
+	Bool = $pkg.Bool = $newType(0, $kindStruct, "atomic.Bool", true, "sync/atomic", true, function(_$0_, v_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this._$0 = new noCopy.ptr();
+			this.v = 0;
+			return;
+		}
+		this._$0 = _$0_;
+		this.v = v_;
+	});
+	noCopy = $pkg.noCopy = $newType(0, $kindStruct, "atomic.noCopy", true, "sync/atomic", false, function() {
+		this.$val = this;
+		if (arguments.length === 0) {
+			return;
+		}
+	});
+	ptrType = $ptrType($Uint32);
 	ptrType$5 = $ptrType(Value);
+	ptrType$6 = $ptrType(Bool);
+	ptrType$12 = $ptrType(noCopy);
+	Bool.ptr.prototype.Load = function() {
+		var x;
+		x = this;
+		return !((LoadUint32((x.$ptr_v || (x.$ptr_v = new ptrType(function() { return this.$target.v; }, function($v) { this.$target.v = $v; }, x)))) === 0));
+	};
+	Bool.prototype.Load = function() { return this.$val.Load(); };
+	Bool.ptr.prototype.Store = function(val) {
+		var val, x;
+		x = this;
+		StoreUint32((x.$ptr_v || (x.$ptr_v = new ptrType(function() { return this.$target.v; }, function($v) { this.$target.v = $v; }, x))), b32(val));
+	};
+	Bool.prototype.Store = function(val) { return this.$val.Store(val); };
+	Bool.ptr.prototype.Swap = function(new$1) {
+		var new$1, old, x;
+		old = false;
+		x = this;
+		old = !((SwapUint32((x.$ptr_v || (x.$ptr_v = new ptrType(function() { return this.$target.v; }, function($v) { this.$target.v = $v; }, x))), b32(new$1)) === 0));
+		return old;
+	};
+	Bool.prototype.Swap = function(new$1) { return this.$val.Swap(new$1); };
+	Bool.ptr.prototype.CompareAndSwap = function(old, new$1) {
+		var new$1, old, swapped, x;
+		swapped = false;
+		x = this;
+		swapped = CompareAndSwapUint32((x.$ptr_v || (x.$ptr_v = new ptrType(function() { return this.$target.v; }, function($v) { this.$target.v = $v; }, x))), b32(old), b32(new$1));
+		return swapped;
+	};
+	Bool.prototype.CompareAndSwap = function(old, new$1) { return this.$val.CompareAndSwap(old, new$1); };
+	b32 = function(b) {
+		var b;
+		if (b) {
+			return 1;
+		}
+		return 0;
+	};
+	noCopy.ptr.prototype.Lock = function() {
+	};
+	noCopy.prototype.Lock = function() { return this.$val.Lock(); };
+	noCopy.ptr.prototype.Unlock = function() {
+	};
+	noCopy.prototype.Unlock = function() { return this.$val.Unlock(); };
+	SwapUint32 = function(addr, new$1) {
+		var addr, new$1, old;
+		old = addr.$get();
+		addr.$set(new$1);
+		return old;
+	};
+	$pkg.SwapUint32 = SwapUint32;
 	CompareAndSwapInt32 = function(addr, old, new$1) {
 		var addr, new$1, old;
 		if (addr.$get() === old) {
@@ -5774,7 +5841,11 @@ $packages["sync/atomic"] = (function() {
 		return x.constructor === y.constructor;
 	};
 	ptrType$5.methods = [{prop: "Load", name: "Load", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Store", name: "Store", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "Swap", name: "Swap", pkg: "", typ: $funcType([$emptyInterface], [$emptyInterface], false)}, {prop: "CompareAndSwap", name: "CompareAndSwap", pkg: "", typ: $funcType([$emptyInterface, $emptyInterface], [$Bool], false)}, {prop: "checkNew", name: "checkNew", pkg: "sync/atomic", typ: $funcType([$String, $emptyInterface], [], false)}];
+	ptrType$6.methods = [{prop: "Load", name: "Load", pkg: "", typ: $funcType([], [$Bool], false)}, {prop: "Store", name: "Store", pkg: "", typ: $funcType([$Bool], [], false)}, {prop: "Swap", name: "Swap", pkg: "", typ: $funcType([$Bool], [$Bool], false)}, {prop: "CompareAndSwap", name: "CompareAndSwap", pkg: "", typ: $funcType([$Bool, $Bool], [$Bool], false)}];
+	ptrType$12.methods = [{prop: "Lock", name: "Lock", pkg: "", typ: $funcType([], [], false)}, {prop: "Unlock", name: "Unlock", pkg: "", typ: $funcType([], [], false)}];
 	Value.init("sync/atomic", [{prop: "v", name: "v", embedded: false, exported: false, typ: $emptyInterface, tag: ""}]);
+	Bool.init("sync/atomic", [{prop: "_$0", name: "_", embedded: false, exported: false, typ: noCopy, tag: ""}, {prop: "v", name: "v", embedded: false, exported: false, typ: $Uint32, tag: ""}]);
+	noCopy.init("", []);
 	$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:
@@ -180043,7 +180114,7 @@ $packages["github.com/supraio/client-daemon/pkg/netsamsungwasmtcp"] = (function(
 	return $pkg;
 })();
 $packages["github.com/supraio/client-daemon/pkg/netpacket"] = (function() {
-	var $pkg = {}, $init, context, websocket, errs, jshelper, netnacltcp, netsamsungwasmtcp, js, time, SamsungWasmTCPConn, NaClTCPConn, JsWebsocketConn, JsWebsocketWorkerConn, ReaderWriterCloser, Driver, sliceType, ptrType, mapType, funcType, arrayType, sliceType$1, sliceType$2, ptrType$1, ptrType$2, ptrType$3, ptrType$4, ptrType$5, connects, maxPacketSizes, init, ConnectSamsungWasmTCP, init$1, ConnectNaClTCP, init$2, ConnectJsWebsocket, Create, GetMaxPacketSize;
+	var $pkg = {}, $init, context, websocket, errs, jshelper, netnacltcp, netsamsungwasmtcp, js, time, SamsungWasmTCPConn, NaClTCPConn, JsWebsocketConn, JsWebsocketWorkerConn, ReaderWriterCloser, Driver, sliceType, ptrType, mapType, funcType, arrayType, sliceType$1, sliceType$2, ptrType$1, ptrType$2, ptrType$3, ptrType$4, ptrType$5, connects, maxPacketSizes, init, ConnectSamsungWasmTCP, init$1, ConnectNaClTCP, init$2, getPerformanceTimestamp, ConnectJsWebsocket, Create, GetMaxPacketSize;
 	context = $packages["context"];
 	websocket = $packages["github.com/coder/websocket"];
 	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
@@ -180439,7 +180510,7 @@ $packages["github.com/supraio/client-daemon/pkg/netpacket"] = (function() {
 	};
 	JsWebsocketWorkerConn.prototype.Close = function() { return this.$val.Close(); };
 	JsWebsocketWorkerConn.ptr.prototype.CollectFrame = function() {
-		var {$24r, _r, _r$1, _r$2, _tuple, c, err, frame, $s, $r, $c} = $restore(this, {});
+		var {$24r, $24r$1, $24r$2, _r, _r$1, _r$2, _r$3, _r$4, _tuple, c, err, frame, $s, $r, $c} = $restore(this, {});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		c = this;
 		_r = $clone(c.conn, js.Value).Call("collectFrame", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
@@ -180451,13 +180522,56 @@ $packages["github.com/supraio/client-daemon/pkg/netpacket"] = (function() {
 		/* */ $s = 4; continue;
 		/* if (!(err === ptrType.nil)) { */ case 3:
 			_r$2 = jshelper.GetError(err); /* */ $s = 5; case 5: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-			$24r = [ptrType.nil, _r$2];
+			$24r = [ptrType.nil, 0, _r$2];
 			$s = 6; case 6: return $24r;
 		/* } */ case 4:
-		$s = -1; return [frame, $ifaceNil];
-		/* */ } return; } var $f = {$blk: JsWebsocketWorkerConn.ptr.prototype.CollectFrame, $c: true, $r, $24r, _r, _r$1, _r$2, _tuple, c, err, frame, $s};return $f;
+		/* */ if (frame === ptrType.nil || $clone(frame, js.Value).IsUndefined() || $clone(frame, js.Value).IsNull()) { $s = 7; continue; }
+		/* */ $s = 8; continue;
+		/* if (frame === ptrType.nil || $clone(frame, js.Value).IsUndefined() || $clone(frame, js.Value).IsNull()) { */ case 7:
+			_r$3 = errs.Errorf("Worker frame collection returned no frame", sliceType.nil); /* */ $s = 9; case 9: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			$24r$1 = [ptrType.nil, 0, _r$3];
+			$s = 10; case 10: return $24r$1;
+		/* } */ case 8:
+		_r$4 = getPerformanceTimestamp(); /* */ $s = 11; case 11: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+		$24r$2 = [frame, _r$4, $ifaceNil];
+		$s = 12; case 12: return $24r$2;
+		/* */ } return; } var $f = {$blk: JsWebsocketWorkerConn.ptr.prototype.CollectFrame, $c: true, $r, $24r, $24r$1, $24r$2, _r, _r$1, _r$2, _r$3, _r$4, _tuple, c, err, frame, $s};return $f;
 	};
 	JsWebsocketWorkerConn.prototype.CollectFrame = function() { return this.$val.CollectFrame(); };
+	getPerformanceTimestamp = function() {
+		var {$24r, $24r$1, $24r$2, _r, _r$1, _r$2, _r$3, _r$4, _r$5, date, global, now, performance, timeOrigin, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		global = $clone(js.Global(), js.Value);
+		performance = $clone($clone(global, js.Value).Get("performance"), js.Value);
+		/* */ if (!$clone(performance, js.Value).IsUndefined() && !$clone(performance, js.Value).IsNull()) { $s = 1; continue; }
+		/* */ $s = 2; continue;
+		/* if (!$clone(performance, js.Value).IsUndefined() && !$clone(performance, js.Value).IsNull()) { */ case 1:
+			timeOrigin = $clone($clone(performance, js.Value).Get("timeOrigin"), js.Value);
+			now = $clone($clone(performance, js.Value).Get("now"), js.Value);
+			/* */ if (($clone(timeOrigin, js.Value).Type() === 3) && ($clone(now, js.Value).Type() === 7)) { $s = 3; continue; }
+			/* */ $s = 4; continue;
+			/* if (($clone(timeOrigin, js.Value).Type() === 3) && ($clone(now, js.Value).Type() === 7)) { */ case 3:
+				_r = $clone(performance, js.Value).Call("now", sliceType.nil); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+				_r$1 = $clone(_r, js.Value).Float(); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+				$24r = $clone(timeOrigin, js.Value).Float() + _r$1;
+				$s = 7; case 7: return $24r;
+			/* } */ case 4:
+		/* } */ case 2:
+		date = $clone($clone(global, js.Value).Get("Date"), js.Value);
+		/* */ if (!$clone(date, js.Value).IsUndefined() && !$clone(date, js.Value).IsNull() && ($clone($clone(date, js.Value).Get("now"), js.Value).Type() === 7)) { $s = 8; continue; }
+		/* */ $s = 9; continue;
+		/* if (!$clone(date, js.Value).IsUndefined() && !$clone(date, js.Value).IsNull() && ($clone($clone(date, js.Value).Get("now"), js.Value).Type() === 7)) { */ case 8:
+			_r$2 = $clone(date, js.Value).Call("now", sliceType.nil); /* */ $s = 10; case 10: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			_r$3 = $clone(_r$2, js.Value).Float(); /* */ $s = 11; case 11: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			$24r$1 = _r$3;
+			$s = 12; case 12: return $24r$1;
+		/* } */ case 9:
+		_r$4 = time.Now(); /* */ $s = 13; case 13: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+		_r$5 = $clone(_r$4, time.Time).UnixNano(); /* */ $s = 14; case 14: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+		$24r$2 = ($flatten64(_r$5)) / 1e+06;
+		$s = 15; case 15: return $24r$2;
+		/* */ } return; } var $f = {$blk: getPerformanceTimestamp, $c: true, $r, $24r, $24r$1, $24r$2, _r, _r$1, _r$2, _r$3, _r$4, _r$5, date, global, now, performance, timeOrigin, $s};return $f;
+	};
 	ConnectJsWebsocket = function(host, timeout, secure) {
 		var {$24r, $24r$1, $24r$2, _r, _r$1, _tuple, _tuple$1, cancel, conn, ctx, err, host, protocol, secure, timeout, url, workerFactory, $s, $deferred, $r, $c} = $restore(this, {host, timeout, secure});
 		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
@@ -180516,7 +180630,7 @@ $packages["github.com/supraio/client-daemon/pkg/netpacket"] = (function() {
 	ptrType$1.methods = [{prop: "Write", name: "Write", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Read", name: "Read", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Close", name: "Close", pkg: "", typ: $funcType([], [$error], false)}, {prop: "GetJSConnection", name: "GetJSConnection", pkg: "", typ: $funcType([], [ptrType], false)}];
 	ptrType$2.methods = [{prop: "Write", name: "Write", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Read", name: "Read", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Close", name: "Close", pkg: "", typ: $funcType([], [$error], false)}, {prop: "GetJSConnection", name: "GetJSConnection", pkg: "", typ: $funcType([], [ptrType], false)}];
 	ptrType$4.methods = [{prop: "Write", name: "Write", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Read", name: "Read", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Close", name: "Close", pkg: "", typ: $funcType([], [$error], false)}];
-	ptrType$5.methods = [{prop: "Write", name: "Write", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Read", name: "Read", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Close", name: "Close", pkg: "", typ: $funcType([], [$error], false)}, {prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([], [ptrType, $error], false)}];
+	ptrType$5.methods = [{prop: "Write", name: "Write", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Read", name: "Read", pkg: "", typ: $funcType([sliceType$2], [$Int, $error], false)}, {prop: "Close", name: "Close", pkg: "", typ: $funcType([], [$error], false)}, {prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([], [ptrType, $Float64, $error], false)}];
 	SamsungWasmTCPConn.init("github.com/supraio/client-daemon/pkg/netpacket", [{prop: "conn", name: "conn", embedded: false, exported: false, typ: ptrType, tag: ""}]);
 	NaClTCPConn.init("github.com/supraio/client-daemon/pkg/netpacket", [{prop: "conn", name: "conn", embedded: false, exported: false, typ: ptrType, tag: ""}]);
 	JsWebsocketConn.init("github.com/supraio/client-daemon/pkg/netpacket", [{prop: "conn", name: "conn", embedded: false, exported: false, typ: ptrType$3, tag: ""}]);
@@ -184680,8 +184794,21 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder/nacldriver"]
 	return $pkg;
 })();
 $packages["github.com/supraio/client-daemon/pkg/render/frame"] = (function() {
-	var $pkg = {}, $init, time, FrameType, FrameInterface, Frame, sliceType, ptrType, NewFrame;
+	var $pkg = {}, $init, js, time, JSFrame, FrameType, FrameInterface, Frame, funcType, arrayType, sliceType, ptrType, ptrType$1, NewJSFrame, NewFrame;
+	js = $packages["syscall/js"];
 	time = $packages["time"];
+	JSFrame = $pkg.JSFrame = $newType(0, $kindStruct, "frame.JSFrame", true, "github.com/supraio/client-daemon/pkg/render/frame", true, function(frameType_, buffer_, timestamp_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.frameType = 0;
+			this.buffer = new js.Value.ptr(null, false, arrayType.zero());
+			this.timestamp = new $Uint64(0, 0);
+			return;
+		}
+		this.frameType = frameType_;
+		this.buffer = buffer_;
+		this.timestamp = timestamp_;
+	});
 	FrameType = $pkg.FrameType = $newType(1, $kindUint8, "frame.FrameType", true, "github.com/supraio/client-daemon/pkg/render/frame", true, null);
 	FrameInterface = $pkg.FrameInterface = $newType(8, $kindInterface, "frame.FrameInterface", true, "github.com/supraio/client-daemon/pkg/render/frame", true, null);
 	Frame = $pkg.Frame = $newType(0, $kindStruct, "frame.Frame", true, "github.com/supraio/client-daemon/pkg/render/frame", true, function(frameType_, buffer_, timestamp_) {
@@ -184696,8 +184823,46 @@ $packages["github.com/supraio/client-daemon/pkg/render/frame"] = (function() {
 		this.buffer = buffer_;
 		this.timestamp = timestamp_;
 	});
+	funcType = $funcType([], [], false);
+	arrayType = $arrayType(funcType, 0);
 	sliceType = $sliceType($Uint8);
-	ptrType = $ptrType(Frame);
+	ptrType = $ptrType(JSFrame);
+	ptrType$1 = $ptrType(Frame);
+	NewJSFrame = function(frameType, buffer, timestamp) {
+		var buffer, frameType, timestamp;
+		return new JSFrame.ptr(frameType, $clone(buffer, js.Value), timestamp);
+	};
+	$pkg.NewJSFrame = NewJSFrame;
+	JSFrame.ptr.prototype.FrameType = function() {
+		var f;
+		f = this;
+		return f.frameType;
+	};
+	JSFrame.prototype.FrameType = function() { return this.$val.FrameType(); };
+	JSFrame.ptr.prototype.Buffer = function() {
+		var f;
+		f = this;
+		return sliceType.nil;
+	};
+	JSFrame.prototype.Buffer = function() { return this.$val.Buffer(); };
+	JSFrame.ptr.prototype.JSBuffer = function() {
+		var f;
+		f = this;
+		return f.buffer;
+	};
+	JSFrame.prototype.JSBuffer = function() { return this.$val.JSBuffer(); };
+	JSFrame.ptr.prototype.ByteLength = function() {
+		var f;
+		f = this;
+		return $clone($clone(f.buffer, js.Value).Get("byteLength"), js.Value).Int();
+	};
+	JSFrame.prototype.ByteLength = function() { return this.$val.ByteLength(); };
+	JSFrame.ptr.prototype.GetTimestamp = function() {
+		var f, x;
+		f = this;
+		return time.Unix(new $Int64(0, 0), ((x = f.timestamp, new $Int64(x.$high, x.$low))));
+	};
+	JSFrame.prototype.GetTimestamp = function() { return this.$val.GetTimestamp(); };
 	NewFrame = function(frameType, buffer, timestamp) {
 		var buffer, frameType, timestamp;
 		return new Frame.ptr(frameType, buffer, timestamp);
@@ -184721,24 +184886,28 @@ $packages["github.com/supraio/client-daemon/pkg/render/frame"] = (function() {
 		return time.Unix(new $Int64(0, 0), ((x = f.timestamp, new $Int64(x.$high, x.$low))));
 	};
 	Frame.prototype.GetTimestamp = function() { return this.$val.GetTimestamp(); };
-	ptrType.methods = [{prop: "FrameType", name: "FrameType", pkg: "", typ: $funcType([], [FrameType], false)}, {prop: "Buffer", name: "Buffer", pkg: "", typ: $funcType([], [sliceType], false)}, {prop: "GetTimestamp", name: "GetTimestamp", pkg: "", typ: $funcType([], [time.Time], false)}];
+	ptrType.methods = [{prop: "FrameType", name: "FrameType", pkg: "", typ: $funcType([], [FrameType], false)}, {prop: "Buffer", name: "Buffer", pkg: "", typ: $funcType([], [sliceType], false)}, {prop: "JSBuffer", name: "JSBuffer", pkg: "", typ: $funcType([], [js.Value], false)}, {prop: "ByteLength", name: "ByteLength", pkg: "", typ: $funcType([], [$Int], false)}, {prop: "GetTimestamp", name: "GetTimestamp", pkg: "", typ: $funcType([], [time.Time], false)}];
+	ptrType$1.methods = [{prop: "FrameType", name: "FrameType", pkg: "", typ: $funcType([], [FrameType], false)}, {prop: "Buffer", name: "Buffer", pkg: "", typ: $funcType([], [sliceType], false)}, {prop: "GetTimestamp", name: "GetTimestamp", pkg: "", typ: $funcType([], [time.Time], false)}];
+	JSFrame.init("github.com/supraio/client-daemon/pkg/render/frame", [{prop: "frameType", name: "frameType", embedded: false, exported: false, typ: FrameType, tag: ""}, {prop: "buffer", name: "buffer", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "timestamp", name: "timestamp", embedded: false, exported: false, typ: $Uint64, tag: ""}]);
 	FrameInterface.init([{prop: "Buffer", name: "Buffer", pkg: "", typ: $funcType([], [sliceType], false)}, {prop: "FrameType", name: "FrameType", pkg: "", typ: $funcType([], [FrameType], false)}, {prop: "GetTimestamp", name: "GetTimestamp", pkg: "", typ: $funcType([], [time.Time], false)}]);
 	Frame.init("github.com/supraio/client-daemon/pkg/render/frame", [{prop: "frameType", name: "frameType", embedded: false, exported: false, typ: FrameType, tag: ""}, {prop: "buffer", name: "buffer", embedded: false, exported: false, typ: sliceType, tag: ""}, {prop: "timestamp", name: "timestamp", embedded: false, exported: false, typ: $Uint64, 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 = time.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = time.$init(); /* */ $s = 2; case 2: 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, GenericFrameCollector, FrameMapItem, FrameCollectorInterface, sliceType, ptrType, sliceType$1, funcType, ptrType$1, mapType, frameCollectorFactories, NewGenericFrameCollector, NewFrameCollector, RegisterFrameCollector;
+	var $pkg = {}, $init, binary, errs, netpacket, frame, time, GenericFrameCollector, FrameMapItem, FrameCollectionDurationCallback, FrameCollectorInterface, sliceType, ptrType, sliceType$1, funcType, ptrType$1, mapType, frameCollectorFactories, NewGenericFrameCollector, NewFrameCollector, RegisterFrameCollector;
 	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"];
+	time = $packages["time"];
 	GenericFrameCollector = $pkg.GenericFrameCollector = $newType(0, $kindStruct, "netframe.GenericFrameCollector", true, "github.com/supraio/client-daemon/pkg/render/netframe", true, function(conn_, framesMap_, maxPacketSize_, packetBuffer_) {
 		this.$val = this;
 		if (arguments.length === 0) {
@@ -184771,6 +184940,7 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe"] = (function()
 		this.total = total_;
 		this.received = received_;
 	});
+	FrameCollectionDurationCallback = $pkg.FrameCollectionDurationCallback = $newType(4, $kindFunc, "netframe.FrameCollectionDurationCallback", true, "github.com/supraio/client-daemon/pkg/render/netframe", true, null);
 	FrameCollectorInterface = $pkg.FrameCollectorInterface = $newType(8, $kindInterface, "netframe.FrameCollectorInterface", true, "github.com/supraio/client-daemon/pkg/render/netframe", true, null);
 	sliceType = $sliceType($Uint8);
 	ptrType = $ptrType(FrameMapItem);
@@ -184783,8 +184953,8 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe"] = (function()
 		return new GenericFrameCollector.ptr(screenConn, $makeMap($Uint16.keyFor, []), maxPacketSize, $makeSlice(sliceType, maxPacketSize));
 	};
 	$pkg.NewGenericFrameCollector = NewGenericFrameCollector;
-	GenericFrameCollector.ptr.prototype.CollectFrame = function(startCb, endCb) {
-		var {$24r, _entry, _key, _r, _r$1, _tuple, _tuple$1, buffer, bufferLength, bufferSize, c, dataEndsAt, dataPartSize, dataStartsAt, endCb, err, frameExists, frameID, frameMapItem, headerSize, packetBuffer, received, seq, startCb, total, $s, $r, $c} = $restore(this, {startCb, endCb});
+	GenericFrameCollector.ptr.prototype.CollectFrame = function(startCb, endCb, param) {
+		var {$24r, _entry, _key, _r, _r$1, _tuple, _tuple$1, buffer, bufferLength, bufferSize, c, dataEndsAt, dataPartSize, dataStartsAt, endCb, err, frameExists, frameID, frameMapItem, headerSize, packetBuffer, param, received, seq, startCb, total, $s, $r, $c} = $restore(this, {startCb, endCb, param});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		c = this;
 		packetBuffer = c.packetBuffer;
@@ -184846,9 +185016,9 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe"] = (function()
 		$s = 1; continue;
 		case 2:
 		$s = -1; return [$ifaceNil, $ifaceNil];
-		/* */ } return; } var $f = {$blk: GenericFrameCollector.ptr.prototype.CollectFrame, $c: true, $r, $24r, _entry, _key, _r, _r$1, _tuple, _tuple$1, buffer, bufferLength, bufferSize, c, dataEndsAt, dataPartSize, dataStartsAt, endCb, err, frameExists, frameID, frameMapItem, headerSize, packetBuffer, received, seq, startCb, total, $s};return $f;
+		/* */ } return; } var $f = {$blk: GenericFrameCollector.ptr.prototype.CollectFrame, $c: true, $r, $24r, _entry, _key, _r, _r$1, _tuple, _tuple$1, buffer, bufferLength, bufferSize, c, dataEndsAt, dataPartSize, dataStartsAt, endCb, err, frameExists, frameID, frameMapItem, headerSize, packetBuffer, param, received, seq, startCb, total, $s};return $f;
 	};
-	GenericFrameCollector.prototype.CollectFrame = function(startCb, endCb) { return this.$val.CollectFrame(startCb, endCb); };
+	GenericFrameCollector.prototype.CollectFrame = function(startCb, endCb, param) { return this.$val.CollectFrame(startCb, endCb, param); };
 	NewFrameCollector = function(screenConn, maxPacketSize) {
 		var {_entry, _i, _key, _keys, _r, _ref, _size, factory, frameCollector, maxPacketSize, screenConn, $s, $r, $c} = $restore(this, {screenConn, maxPacketSize});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
@@ -184882,10 +185052,11 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe"] = (function()
 		_key = name; (frameCollectorFactories || $throwRuntimeError("assignment to entry in nil map")).set($String.keyFor(_key), { k: _key, v: factory });
 	};
 	$pkg.RegisterFrameCollector = RegisterFrameCollector;
-	ptrType$1.methods = [{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType], [frame.FrameInterface, $error], false)}];
+	ptrType$1.methods = [{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType, FrameCollectionDurationCallback], [frame.FrameInterface, $error], false)}];
 	GenericFrameCollector.init("github.com/supraio/client-daemon/pkg/render/netframe", [{prop: "conn", name: "conn", embedded: false, exported: false, typ: netpacket.ReaderWriterCloser, tag: ""}, {prop: "framesMap", name: "framesMap", embedded: false, exported: false, typ: mapType, tag: ""}, {prop: "maxPacketSize", name: "maxPacketSize", embedded: false, exported: false, typ: $Int, tag: ""}, {prop: "packetBuffer", name: "packetBuffer", embedded: false, exported: false, typ: sliceType, tag: ""}]);
 	FrameMapItem.init("github.com/supraio/client-daemon/pkg/render/netframe", [{prop: "buffer", name: "buffer", embedded: false, exported: false, typ: sliceType, tag: ""}, {prop: "frameType", name: "frameType", embedded: false, exported: false, typ: frame.FrameType, tag: ""}, {prop: "timestamp", name: "timestamp", embedded: false, exported: false, typ: $Uint64, tag: ""}, {prop: "frameID", name: "frameID", embedded: false, exported: false, typ: $Uint16, tag: ""}, {prop: "total", name: "total", embedded: false, exported: false, typ: $Uint16, tag: ""}, {prop: "received", name: "received", embedded: false, exported: false, typ: $Uint16, tag: ""}]);
-	FrameCollectorInterface.init([{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType], [frame.FrameInterface, $error], false)}]);
+	FrameCollectionDurationCallback.init([time.Duration], [], false);
+	FrameCollectorInterface.init([{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType, FrameCollectionDurationCallback], [frame.FrameInterface, $error], false)}]);
 	$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:
@@ -184893,6 +185064,7 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe"] = (function()
 		$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; }
+		$r = time.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		frameCollectorFactories = new $global.Map();
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
@@ -184961,8 +185133,8 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/nacltcp"] = (fun
 		/* */ } return; } var $f = {$blk: NewNaClTCPFrameCollector, $c: true, $r, _ref, maxPacketSize, screenConn, screenConnTyped, screenConnTyped$1, $s};return $f;
 	};
 	$pkg.NewNaClTCPFrameCollector = NewNaClTCPFrameCollector;
-	NTFrameCollector.ptr.prototype.CollectFrame = function(startCb, endCb) {
-		var {$24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, c, collectPromise, collectedFrame, endCb, err, frame$1, jsConn, onEnd, onStart, opts, startCb, timestampHi, timestampLo, x, $s, $deferred, $r, $c} = $restore(this, {startCb, endCb});
+	NTFrameCollector.ptr.prototype.CollectFrame = function(startCb, endCb, param) {
+		var {$24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, c, collectPromise, collectedFrame, endCb, err, frame$1, jsConn, onEnd, onStart, opts, param, startCb, timestampHi, timestampLo, x, $s, $deferred, $r, $c} = $restore(this, {startCb, endCb, param});
 		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
 		endCb = [endCb];
 		startCb = [startCb];
@@ -185009,9 +185181,9 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/nacltcp"] = (fun
 		frame$1 = new NTFrame.ptr((($clone($clone(collectedFrame, js.Value).Get("frameType"), js.Value).Int() << 24 >>> 24)), (x = $shiftLeft64(timestampHi, 32), new $Uint64(timestampLo.$high | x.$high, (timestampLo.$low | x.$low) >>> 0)), (($clone($clone(collectedFrame, js.Value).Get("dataRef"), js.Value).Int() >>> 0)));
 		$24r$1 = [frame$1, $ifaceNil];
 		$s = 10; case 10: return $24r$1;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; return [$ifaceNil, $ifaceNil]; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: NTFrameCollector.ptr.prototype.CollectFrame, $c: true, $r, $24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, c, collectPromise, collectedFrame, endCb, err, frame$1, jsConn, onEnd, onStart, opts, startCb, timestampHi, timestampLo, x, $s, $deferred};return $f; } }
+		/* */ } return; } } catch(err) { $err = err; $s = -1; return [$ifaceNil, $ifaceNil]; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: NTFrameCollector.ptr.prototype.CollectFrame, $c: true, $r, $24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, c, collectPromise, collectedFrame, endCb, err, frame$1, jsConn, onEnd, onStart, opts, param, startCb, timestampHi, timestampLo, x, $s, $deferred};return $f; } }
 	};
-	NTFrameCollector.prototype.CollectFrame = function(startCb, endCb) { return this.$val.CollectFrame(startCb, endCb); };
+	NTFrameCollector.prototype.CollectFrame = function(startCb, endCb, param) { return this.$val.CollectFrame(startCb, endCb, param); };
 	NTFrame.ptr.prototype.FrameType = function() {
 		var f;
 		f = this;
@@ -185039,7 +185211,7 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/nacltcp"] = (fun
 		return f.dataRef;
 	};
 	NTFrame.prototype.DataRef = function() { return this.$val.DataRef(); };
-	ptrType$2.methods = [{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType], [frame.FrameInterface, $error], false)}];
+	ptrType$2.methods = [{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType, netframe.FrameCollectionDurationCallback], [frame.FrameInterface, $error], false)}];
 	ptrType$3.methods = [{prop: "FrameType", name: "FrameType", pkg: "", typ: $funcType([], [frame.FrameType], false)}, {prop: "Buffer", name: "Buffer", pkg: "", typ: $funcType([], [sliceType$1], false)}, {prop: "GetTimestamp", name: "GetTimestamp", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "DataRef", name: "DataRef", pkg: "", typ: $funcType([], [$Uint32], false)}];
 	NTFrameCollector.init("github.com/supraio/client-daemon/pkg/render/netframe/nacltcp", [{prop: "conn", name: "conn", embedded: false, exported: false, typ: netpacket.NaClTCPConn, tag: ""}]);
 	NTFrame.init("github.com/supraio/client-daemon/pkg/render/netframe/nacltcp", [{prop: "frameType", name: "frameType", embedded: false, exported: false, typ: frame.FrameType, tag: ""}, {prop: "timestamp", name: "timestamp", embedded: false, exported: false, typ: $Uint64, tag: ""}, {prop: "dataRef", name: "dataRef", embedded: false, exported: false, typ: $Uint32, tag: ""}]);
@@ -185062,7 +185234,7 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/nacltcp"] = (fun
 	return $pkg;
 })();
 $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (function() {
-	var $pkg = {}, $init, general, jsdecoder, nacldriver, errs, jshelper, frame, nacltcp, sync, js, NaClDecoder, sliceType, ptrType, ptrType$1, ptrType$2, sliceType$1, ptrType$3, ptrType$4, IsAvailable, NewDecoder;
+	var $pkg = {}, $init, general, jsdecoder, nacldriver, errs, jshelper, frame, nacltcp, sync, atomic, js, NaClDecoder, sliceType, ptrType, ptrType$1, ptrType$2, ptrType$3, sliceType$1, ptrType$4, ptrType$5, IsAvailable, NewDecoder;
 	general = $packages["github.com/supraio/client-daemon/pkg/decoder/general"];
 	jsdecoder = $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder/jsdecoder"];
 	nacldriver = $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder/nacldriver"];
@@ -185071,12 +185243,13 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (functio
 	frame = $packages["github.com/supraio/client-daemon/pkg/render/frame"];
 	nacltcp = $packages["github.com/supraio/client-daemon/pkg/render/netframe/nacltcp"];
 	sync = $packages["sync"];
+	atomic = $packages["sync/atomic"];
 	js = $packages["syscall/js"];
 	NaClDecoder = $pkg.NaClDecoder = $newType(0, $kindStruct, "nacldecoder.NaClDecoder", true, "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", true, function(initialized_, renderedDirect_, mutexDecode_, mutexGetPicture_) {
 		this.$val = this;
 		if (arguments.length === 0) {
 			this.initialized = false;
-			this.renderedDirect = false;
+			this.renderedDirect = new atomic.Bool.ptr(new atomic.noCopy.ptr(), 0);
 			this.mutexDecode = new sync.Mutex.ptr(0, 0);
 			this.mutexGetPicture = new sync.Mutex.ptr(0, 0);
 			return;
@@ -185089,17 +185262,18 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (functio
 	sliceType = $sliceType($emptyInterface);
 	ptrType = $ptrType(js.Value);
 	ptrType$1 = $ptrType(frame.Frame);
-	ptrType$2 = $ptrType(nacltcp.NTFrame);
+	ptrType$2 = $ptrType(frame.JSFrame);
+	ptrType$3 = $ptrType(nacltcp.NTFrame);
 	sliceType$1 = $sliceType($Uint8);
-	ptrType$3 = $ptrType(nacldriver.BufferImpl);
-	ptrType$4 = $ptrType(NaClDecoder);
+	ptrType$4 = $ptrType(nacldriver.BufferImpl);
+	ptrType$5 = $ptrType(NaClDecoder);
 	IsAvailable = function() {
 		return jsdecoder.IsAvailable();
 	};
 	$pkg.IsAvailable = IsAvailable;
 	NewDecoder = function(header) {
 		var header;
-		return [new NaClDecoder.ptr(false, false, $clone(new sync.Mutex.ptr(0, 0), sync.Mutex), $clone(new sync.Mutex.ptr(0, 0), sync.Mutex)), $ifaceNil];
+		return [new NaClDecoder.ptr(false, new atomic.Bool.ptr(new atomic.noCopy.ptr(), 0), $clone(new sync.Mutex.ptr(0, 0), sync.Mutex), $clone(new sync.Mutex.ptr(0, 0), sync.Mutex)), $ifaceNil];
 	};
 	$pkg.NewDecoder = NewDecoder;
 	NaClDecoder.ptr.prototype.initialize = function(param) {
@@ -185196,7 +185370,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (functio
 	};
 	NaClDecoder.prototype.destroy = function() { return this.$val.destroy(); };
 	NaClDecoder.ptr.prototype.Write = function(someFrame) {
-		var {$24r, $24r$1, $24r$2, $24r$3, _arg, _arg$1, _r, _r$1, _r$10, _r$11, _r$12, _r$13, _r$14, _r$15, _r$16, _r$17, _r$18, _r$19, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, _tuple, _tuple$1, decodeArgs, decodePromise, decodePromise$1, decodeResult, decodeResult$1, err, err$1, err$2, err$3, err$4, frame$1, frame$2, jsNaClDecoder, m, nal, pictureBuffer, pictureUint8Array, someFrame, $s, $r, $c} = $restore(this, {someFrame});
+		var {$24r, $24r$1, $24r$2, $24r$3, _arg, _r, _r$1, _r$10, _r$11, _r$12, _r$13, _r$14, _r$15, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, _tuple, currentFrame, currentFrame$1, currentFrame$2, decodePromise, decodeResult, err, err$1, err$2, err$3, err$4, jsNaClDecoder, m, nal, pictureBuffer, pictureUint8Array, someFrame, $s, $r, $c} = $restore(this, {someFrame});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		m = this;
 		/* */ if (jsdecoder.ShouldResetOnNextDecode()) { $s = 1; continue; }
@@ -185230,105 +185404,165 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (functio
 		_ref = someFrame;
 		/* */ if ($assertType(_ref, ptrType$1, true)[1]) { $s = 14; continue; }
 		/* */ if ($assertType(_ref, ptrType$2, true)[1]) { $s = 15; continue; }
-		/* */ $s = 16; continue;
+		/* */ if ($assertType(_ref, ptrType$3, true)[1]) { $s = 16; continue; }
+		/* */ $s = 17; continue;
 		/* if ($assertType(_ref, ptrType$1, true)[1]) { */ case 14:
-			frame$1 = _ref.$val;
-			nal = frame$1.Buffer();
-			/* */ if (!m.initialized) { $s = 17; continue; }
-			/* */ $s = 18; continue;
-			/* if (!m.initialized) { */ case 17:
-				_r$3 = m.initialize(nal); /* */ $s = 19; case 19: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			currentFrame = _ref.$val;
+			m.renderedDirect.Store(false);
+			nal = currentFrame.Buffer();
+			/* */ if (!m.initialized) { $s = 18; continue; }
+			/* */ $s = 19; continue;
+			/* if (!m.initialized) { */ case 18:
+				_r$3 = m.initialize(nal); /* */ $s = 20; case 20: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
 				err$1 = _r$3;
 				if (!($interfaceIsEqual(err$1, $ifaceNil))) {
 					$s = -1; return err$1;
 				}
 				m.initialized = true;
-			/* } */ case 18:
-			_r$4 = $clone($clone(js.Global(), js.Value).Get("ArrayBuffer"), js.Value).New(new sliceType([new $Int(nal.$length)])); /* */ $s = 20; case 20: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			/* } */ case 19:
+			_r$4 = $clone($clone(js.Global(), js.Value).Get("ArrayBuffer"), js.Value).New(new sliceType([new $Int(nal.$length)])); /* */ $s = 21; case 21: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
 			pictureBuffer = $clone(_r$4, js.Value);
-			_r$5 = $clone($clone(js.Global(), js.Value).Get("Uint8Array"), js.Value).New(new sliceType([new pictureBuffer.constructor.elem(pictureBuffer)])); /* */ $s = 21; case 21: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			_r$5 = $clone($clone(js.Global(), js.Value).Get("Uint8Array"), js.Value).New(new sliceType([new pictureBuffer.constructor.elem(pictureBuffer)])); /* */ $s = 22; case 22: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
 			pictureUint8Array = $clone(_r$5, js.Value);
 			js.CopyBytesToJS($clone(pictureUint8Array, js.Value), nal);
-			_r$6 = $clone($clone(js.Global(), js.Value).Get("Object"), js.Value).New(sliceType.nil); /* */ $s = 22; case 22: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
-			decodeArgs = $clone(_r$6, js.Value);
-			$clone(decodeArgs, js.Value).Set("decodeId", new $Int(0));
-			$clone(decodeArgs, js.Value).Set("data", new pictureBuffer.constructor.elem(pictureBuffer));
-			$r = m.mutexDecode.Lock(); /* */ $s = 23; case 23: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			_r$7 = $clone(jsNaClDecoder, js.Value).Call("decode", new sliceType([new decodeArgs.constructor.elem(decodeArgs)])); /* */ $s = 24; case 24: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
-			decodePromise = $clone(_r$7, js.Value);
-			_r$8 = jshelper.Await($clone(decodePromise, js.Value)); /* */ $s = 25; case 25: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
-			_tuple = _r$8;
-			decodeResult = _tuple[0];
-			err$2 = _tuple[1];
-			$r = m.mutexDecode.Unlock(); /* */ $s = 26; case 26: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			/* */ if (!(err$2 === ptrType.nil)) { $s = 27; continue; }
-			/* */ $s = 28; continue;
-			/* if (!(err$2 === ptrType.nil)) { */ case 27:
-				_r$9 = jshelper.GetError(err$2); /* */ $s = 29; case 29: if($c) { $c = false; _r$9 = _r$9.$blk(); } if (_r$9 && _r$9.$blk !== undefined) { break s; }
-				_r$10 = _r$9.Error(); /* */ $s = 30; case 30: if($c) { $c = false; _r$10 = _r$10.$blk(); } if (_r$10 && _r$10.$blk !== undefined) { break s; }
-				_arg = new $String(_r$10);
-				_r$11 = errs.Errorf("Failed to decode frame: %s", new sliceType([_arg])); /* */ $s = 31; case 31: if($c) { $c = false; _r$11 = _r$11.$blk(); } if (_r$11 && _r$11.$blk !== undefined) { break s; }
-				$24r = _r$11;
-				$s = 32; case 32: return $24r;
-			/* } */ case 28:
-			/* */ if (!(($clone(decodeResult, js.Value).Float() === 0))) { $s = 33; continue; }
-			/* */ $s = 34; continue;
-			/* if (!(($clone(decodeResult, js.Value).Float() === 0))) { */ case 33:
-				_r$12 = errs.Errorf("Failed to decode frame with code: %f", new sliceType([new $Float64($clone(decodeResult, js.Value).Float())])); /* */ $s = 35; case 35: if($c) { $c = false; _r$12 = _r$12.$blk(); } if (_r$12 && _r$12.$blk !== undefined) { break s; }
-				$24r$1 = _r$12;
-				$s = 36; case 36: return $24r$1;
-			/* } */ case 34:
-			m.renderedDirect = false;
-			$s = 16; continue;
+			_r$6 = m.decodeBuffer(jsNaClDecoder, $clone(pictureBuffer, js.Value)); /* */ $s = 23; case 23: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+			$24r = _r$6;
+			$s = 24; case 24: return $24r;
 		/* } else if ($assertType(_ref, ptrType$2, true)[1]) { */ case 15:
-			frame$2 = _ref.$val;
-			/* */ if (!m.initialized) { $s = 37; continue; }
-			/* */ $s = 38; continue;
-			/* if (!m.initialized) { */ case 37:
-				_r$13 = m.initialize(sliceType$1.nil); /* */ $s = 39; case 39: if($c) { $c = false; _r$13 = _r$13.$blk(); } if (_r$13 && _r$13.$blk !== undefined) { break s; }
-				err$3 = _r$13;
+			currentFrame$1 = _ref.$val;
+			m.renderedDirect.Store(true);
+			/* */ if (!m.initialized) { $s = 25; continue; }
+			/* */ $s = 26; continue;
+			/* if (!m.initialized) { */ case 25:
+				_r$7 = m.initialize(sliceType$1.nil); /* */ $s = 27; case 27: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
+				err$2 = _r$7;
+				if (!($interfaceIsEqual(err$2, $ifaceNil))) {
+					$s = -1; return err$2;
+				}
+				m.initialized = true;
+			/* } */ case 26:
+			_r$8 = m.decodeAndRenderBuffer(jsNaClDecoder, $clone(currentFrame$1.JSBuffer(), js.Value)); /* */ $s = 28; case 28: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
+			$24r$1 = _r$8;
+			$s = 29; case 29: return $24r$1;
+		/* } else if ($assertType(_ref, ptrType$3, true)[1]) { */ case 16:
+			currentFrame$2 = _ref.$val;
+			m.renderedDirect.Store(true);
+			/* */ if (!m.initialized) { $s = 30; continue; }
+			/* */ $s = 31; continue;
+			/* if (!m.initialized) { */ case 30:
+				_r$9 = m.initialize(sliceType$1.nil); /* */ $s = 32; case 32: if($c) { $c = false; _r$9 = _r$9.$blk(); } if (_r$9 && _r$9.$blk !== undefined) { break s; }
+				err$3 = _r$9;
 				if (!($interfaceIsEqual(err$3, $ifaceNil))) {
 					$s = -1; return err$3;
 				}
 				m.initialized = true;
+			/* } */ case 31:
+			$r = m.mutexDecode.Lock(); /* */ $s = 33; case 33: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			_r$10 = $clone(jsNaClDecoder, js.Value).Call("decodeAndRenderRef", new sliceType([new $Uint32(currentFrame$2.DataRef())])); /* */ $s = 34; case 34: if($c) { $c = false; _r$10 = _r$10.$blk(); } if (_r$10 && _r$10.$blk !== undefined) { break s; }
+			decodePromise = $clone(_r$10, js.Value);
+			_r$11 = jshelper.Await($clone(decodePromise, js.Value)); /* */ $s = 35; case 35: if($c) { $c = false; _r$11 = _r$11.$blk(); } if (_r$11 && _r$11.$blk !== undefined) { break s; }
+			_tuple = _r$11;
+			decodeResult = _tuple[0];
+			err$4 = _tuple[1];
+			$r = m.mutexDecode.Unlock(); /* */ $s = 36; case 36: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			/* */ if (!(err$4 === ptrType.nil)) { $s = 37; continue; }
+			/* */ $s = 38; continue;
+			/* if (!(err$4 === ptrType.nil)) { */ case 37:
+				_r$12 = jshelper.GetError(err$4); /* */ $s = 39; case 39: if($c) { $c = false; _r$12 = _r$12.$blk(); } if (_r$12 && _r$12.$blk !== undefined) { break s; }
+				_r$13 = _r$12.Error(); /* */ $s = 40; case 40: if($c) { $c = false; _r$13 = _r$13.$blk(); } if (_r$13 && _r$13.$blk !== undefined) { break s; }
+				_arg = new $String(_r$13);
+				_r$14 = errs.Errorf("Failed to decode frame: %s", new sliceType([_arg])); /* */ $s = 41; case 41: if($c) { $c = false; _r$14 = _r$14.$blk(); } if (_r$14 && _r$14.$blk !== undefined) { break s; }
+				$24r$2 = _r$14;
+				$s = 42; case 42: return $24r$2;
 			/* } */ case 38:
-			$r = m.mutexDecode.Lock(); /* */ $s = 40; case 40: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			_r$14 = $clone(jsNaClDecoder, js.Value).Call("decodeAndRenderRef", new sliceType([new $Uint32(frame$2.DataRef())])); /* */ $s = 41; case 41: if($c) { $c = false; _r$14 = _r$14.$blk(); } if (_r$14 && _r$14.$blk !== undefined) { break s; }
-			decodePromise$1 = $clone(_r$14, js.Value);
-			_r$15 = jshelper.Await($clone(decodePromise$1, js.Value)); /* */ $s = 42; case 42: if($c) { $c = false; _r$15 = _r$15.$blk(); } if (_r$15 && _r$15.$blk !== undefined) { break s; }
-			_tuple$1 = _r$15;
-			decodeResult$1 = _tuple$1[0];
-			err$4 = _tuple$1[1];
-			$r = m.mutexDecode.Unlock(); /* */ $s = 43; case 43: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			/* */ if (!(err$4 === ptrType.nil)) { $s = 44; continue; }
-			/* */ $s = 45; continue;
-			/* if (!(err$4 === ptrType.nil)) { */ case 44:
-				_r$16 = jshelper.GetError(err$4); /* */ $s = 46; case 46: if($c) { $c = false; _r$16 = _r$16.$blk(); } if (_r$16 && _r$16.$blk !== undefined) { break s; }
-				_r$17 = _r$16.Error(); /* */ $s = 47; case 47: if($c) { $c = false; _r$17 = _r$17.$blk(); } if (_r$17 && _r$17.$blk !== undefined) { break s; }
-				_arg$1 = new $String(_r$17);
-				_r$18 = errs.Errorf("Failed to decode frame: %s", new sliceType([_arg$1])); /* */ $s = 48; case 48: if($c) { $c = false; _r$18 = _r$18.$blk(); } if (_r$18 && _r$18.$blk !== undefined) { break s; }
-				$24r$2 = _r$18;
-				$s = 49; case 49: return $24r$2;
-			/* } */ case 45:
-			/* */ if (!(($clone(decodeResult$1, js.Value).Float() === 0))) { $s = 50; continue; }
-			/* */ $s = 51; continue;
-			/* if (!(($clone(decodeResult$1, js.Value).Float() === 0))) { */ case 50:
-				_r$19 = errs.Errorf("Failed to decode frame with code: %f", new sliceType([new $Float64($clone(decodeResult$1, js.Value).Float())])); /* */ $s = 52; case 52: if($c) { $c = false; _r$19 = _r$19.$blk(); } if (_r$19 && _r$19.$blk !== undefined) { break s; }
-				$24r$3 = _r$19;
-				$s = 53; case 53: return $24r$3;
-			/* } */ case 51:
-			m.renderedDirect = true;
-		/* } */ case 16:
+			/* */ if (!(($clone(decodeResult, js.Value).Float() === 0))) { $s = 43; continue; }
+			/* */ $s = 44; continue;
+			/* if (!(($clone(decodeResult, js.Value).Float() === 0))) { */ case 43:
+				_r$15 = errs.Errorf("Failed to decode frame with code: %f", new sliceType([new $Float64($clone(decodeResult, js.Value).Float())])); /* */ $s = 45; case 45: if($c) { $c = false; _r$15 = _r$15.$blk(); } if (_r$15 && _r$15.$blk !== undefined) { break s; }
+				$24r$3 = _r$15;
+				$s = 46; case 46: return $24r$3;
+			/* } */ case 44:
+		/* } */ case 17:
 		$s = -1; return $ifaceNil;
-		/* */ } return; } var $f = {$blk: NaClDecoder.ptr.prototype.Write, $c: true, $r, $24r, $24r$1, $24r$2, $24r$3, _arg, _arg$1, _r, _r$1, _r$10, _r$11, _r$12, _r$13, _r$14, _r$15, _r$16, _r$17, _r$18, _r$19, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, _tuple, _tuple$1, decodeArgs, decodePromise, decodePromise$1, decodeResult, decodeResult$1, err, err$1, err$2, err$3, err$4, frame$1, frame$2, jsNaClDecoder, m, nal, pictureBuffer, pictureUint8Array, someFrame, $s};return $f;
+		/* */ } return; } var $f = {$blk: NaClDecoder.ptr.prototype.Write, $c: true, $r, $24r, $24r$1, $24r$2, $24r$3, _arg, _r, _r$1, _r$10, _r$11, _r$12, _r$13, _r$14, _r$15, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, _tuple, currentFrame, currentFrame$1, currentFrame$2, decodePromise, decodeResult, err, err$1, err$2, err$3, err$4, jsNaClDecoder, m, nal, pictureBuffer, pictureUint8Array, someFrame, $s};return $f;
 	};
 	NaClDecoder.prototype.Write = function(someFrame) { return this.$val.Write(someFrame); };
+	NaClDecoder.ptr.prototype.decodeBuffer = function(jsNaClDecoder, pictureBuffer) {
+		var {$24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _tuple, decodeArgs, decodePromise, decodeResult, err, jsNaClDecoder, m, pictureBuffer, $s, $r, $c} = $restore(this, {jsNaClDecoder, pictureBuffer});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		m = this;
+		_r = $clone($clone(js.Global(), js.Value).Get("Object"), js.Value).New(sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		decodeArgs = $clone(_r, js.Value);
+		$clone(decodeArgs, js.Value).Set("decodeId", new $Int(0));
+		$clone(decodeArgs, js.Value).Set("data", new pictureBuffer.constructor.elem(pictureBuffer));
+		$r = m.mutexDecode.Lock(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$1 = $clone(jsNaClDecoder, js.Value).Call("decode", new sliceType([new decodeArgs.constructor.elem(decodeArgs)])); /* */ $s = 3; case 3: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		decodePromise = $clone(_r$1, js.Value);
+		_r$2 = jshelper.Await($clone(decodePromise, js.Value)); /* */ $s = 4; case 4: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		_tuple = _r$2;
+		decodeResult = _tuple[0];
+		err = _tuple[1];
+		$r = m.mutexDecode.Unlock(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ if (!(err === ptrType.nil)) { $s = 6; continue; }
+		/* */ $s = 7; continue;
+		/* if (!(err === ptrType.nil)) { */ case 6:
+			_r$3 = jshelper.GetError(err); /* */ $s = 8; case 8: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			_r$4 = _r$3.Error(); /* */ $s = 9; case 9: 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 = errs.Errorf("Failed to decode frame: %s", new sliceType([_arg])); /* */ $s = 10; case 10: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			$24r = _r$5;
+			$s = 11; case 11: return $24r;
+		/* } */ case 7:
+		/* */ if (!(($clone(decodeResult, js.Value).Float() === 0))) { $s = 12; continue; }
+		/* */ $s = 13; continue;
+		/* if (!(($clone(decodeResult, js.Value).Float() === 0))) { */ case 12:
+			_r$6 = errs.Errorf("Failed to decode frame with code: %f", new sliceType([new $Float64($clone(decodeResult, js.Value).Float())])); /* */ $s = 14; case 14: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+			$24r$1 = _r$6;
+			$s = 15; case 15: return $24r$1;
+		/* } */ case 13:
+		$s = -1; return $ifaceNil;
+		/* */ } return; } var $f = {$blk: NaClDecoder.ptr.prototype.decodeBuffer, $c: true, $r, $24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _tuple, decodeArgs, decodePromise, decodeResult, err, jsNaClDecoder, m, pictureBuffer, $s};return $f;
+	};
+	NaClDecoder.prototype.decodeBuffer = function(jsNaClDecoder, pictureBuffer) { return this.$val.decodeBuffer(jsNaClDecoder, pictureBuffer); };
+	NaClDecoder.ptr.prototype.decodeAndRenderBuffer = function(jsNaClDecoder, pictureBuffer) {
+		var {$24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, decodePromise, decodeResult, err, jsNaClDecoder, m, pictureBuffer, $s, $r, $c} = $restore(this, {jsNaClDecoder, pictureBuffer});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		m = this;
+		$r = m.mutexDecode.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r = $clone(jsNaClDecoder, js.Value).Call("decodeAndRender", new sliceType([new pictureBuffer.constructor.elem(pictureBuffer)])); /* */ $s = 2; case 2: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		decodePromise = $clone(_r, js.Value);
+		_r$1 = jshelper.Await($clone(decodePromise, js.Value)); /* */ $s = 3; case 3: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_tuple = _r$1;
+		decodeResult = _tuple[0];
+		err = _tuple[1];
+		$r = m.mutexDecode.Unlock(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ if (!(err === ptrType.nil)) { $s = 5; continue; }
+		/* */ $s = 6; continue;
+		/* if (!(err === ptrType.nil)) { */ case 5:
+			_r$2 = jshelper.GetError(err); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			_r$3 = _r$2.Error(); /* */ $s = 8; case 8: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			_arg = new $String(_r$3);
+			_r$4 = errs.Errorf("Failed to decode and render frame: %s", new sliceType([_arg])); /* */ $s = 9; case 9: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			$24r = _r$4;
+			$s = 10; case 10: return $24r;
+		/* } */ case 6:
+		/* */ if (!(($clone(decodeResult, js.Value).Float() === 0))) { $s = 11; continue; }
+		/* */ $s = 12; continue;
+		/* if (!(($clone(decodeResult, js.Value).Float() === 0))) { */ case 11:
+			_r$5 = errs.Errorf("Failed to decode and render frame with code: %f", new sliceType([new $Float64($clone(decodeResult, js.Value).Float())])); /* */ $s = 13; case 13: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			$24r$1 = _r$5;
+			$s = 14; case 14: return $24r$1;
+		/* } */ case 12:
+		$s = -1; return $ifaceNil;
+		/* */ } return; } var $f = {$blk: NaClDecoder.ptr.prototype.decodeAndRenderBuffer, $c: true, $r, $24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, decodePromise, decodeResult, err, jsNaClDecoder, m, pictureBuffer, $s};return $f;
+	};
+	NaClDecoder.prototype.decodeAndRenderBuffer = function(jsNaClDecoder, pictureBuffer) { return this.$val.decodeAndRenderBuffer(jsNaClDecoder, pictureBuffer); };
 	NaClDecoder.ptr.prototype.NextOutput = function(outputBuffer) {
 		var {$24r, $24r$1, $24r$2, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _tuple, err, jsNaClDecoder, m, outputBuffer, picture, picturePromise, $s, $r, $c} = $restore(this, {outputBuffer});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		m = this;
-		if (m.renderedDirect) {
-			$assertType(outputBuffer, ptrType$3).Picture = ptrType.nil;
+		if (m.renderedDirect.Load()) {
+			$assertType(outputBuffer, ptrType$4).Picture = ptrType.nil;
 			$s = -1; return $ifaceNil;
 		}
 		/* */ if (!m.initialized) { $s = 1; continue; }
@@ -185365,7 +185599,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (functio
 			$24r$2 = _r$6;
 			$s = 18; case 18: return $24r$2;
 		/* } */ case 14:
-		$assertType(outputBuffer, ptrType$3).Picture = picture;
+		$assertType(outputBuffer, ptrType$4).Picture = picture;
 		$s = -1; return $ifaceNil;
 		/* */ } return; } var $f = {$blk: NaClDecoder.ptr.prototype.NextOutput, $c: true, $r, $24r, $24r$1, $24r$2, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _tuple, err, jsNaClDecoder, m, outputBuffer, picture, picturePromise, $s};return $f;
 	};
@@ -185374,28 +185608,23 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (functio
 		var {_r, jsNaClDecoder, m, outputBuffer, picture, x, $s, $r, $c} = $restore(this, {outputBuffer});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		m = this;
-		if (m.renderedDirect) {
-			m.renderedDirect = false;
+		picture = $assertType(outputBuffer, ptrType$4).Picture;
+		if (picture === ptrType.nil) {
 			$s = -1; return;
 		}
 		jsNaClDecoder = jsdecoder.GetJsNaClDecoder();
 		/* */ if (!(jsNaClDecoder === ptrType.nil)) { $s = 1; continue; }
 		/* */ $s = 2; continue;
 		/* if (!(jsNaClDecoder === ptrType.nil)) { */ case 1:
-			picture = $assertType(outputBuffer, ptrType$3).Picture;
-			/* */ if (!(picture === ptrType.nil)) { $s = 3; continue; }
-			/* */ $s = 4; continue;
-			/* if (!(picture === ptrType.nil)) { */ case 3:
-				_r = $clone(jsNaClDecoder, js.Value).Call("recyclePicture", new sliceType([(x = picture, new x.constructor.elem(x))])); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-				_r;
-			/* } */ case 4:
+			_r = $clone(jsNaClDecoder, js.Value).Call("recyclePicture", new sliceType([(x = picture, new x.constructor.elem(x))])); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			_r;
 		/* } */ case 2:
 		$s = -1; return;
 		/* */ } return; } var $f = {$blk: NaClDecoder.ptr.prototype.Release, $c: true, $r, _r, jsNaClDecoder, m, outputBuffer, picture, x, $s};return $f;
 	};
 	NaClDecoder.prototype.Release = function(outputBuffer) { return this.$val.Release(outputBuffer); };
-	ptrType$4.methods = [{prop: "initialize", name: "initialize", pkg: "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", typ: $funcType([sliceType$1], [$error], false)}, {prop: "reset", name: "reset", pkg: "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", typ: $funcType([], [$error], false)}, {prop: "destroy", name: "destroy", pkg: "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", typ: $funcType([], [$error], false)}, {prop: "Write", name: "Write", pkg: "", typ: $funcType([frame.FrameInterface], [$error], false)}, {prop: "NextOutput", name: "NextOutput", pkg: "", typ: $funcType([general.OutputBuffer], [$error], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([general.OutputBuffer], [], false)}];
-	NaClDecoder.init("github.com/supraio/client-daemon/pkg/decoder/nacldecoder", [{prop: "initialized", name: "initialized", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "renderedDirect", name: "renderedDirect", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "mutexDecode", name: "mutexDecode", embedded: false, exported: false, typ: sync.Mutex, tag: ""}, {prop: "mutexGetPicture", name: "mutexGetPicture", embedded: false, exported: false, typ: sync.Mutex, tag: ""}]);
+	ptrType$5.methods = [{prop: "initialize", name: "initialize", pkg: "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", typ: $funcType([sliceType$1], [$error], false)}, {prop: "reset", name: "reset", pkg: "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", typ: $funcType([], [$error], false)}, {prop: "destroy", name: "destroy", pkg: "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", typ: $funcType([], [$error], false)}, {prop: "Write", name: "Write", pkg: "", typ: $funcType([frame.FrameInterface], [$error], false)}, {prop: "decodeBuffer", name: "decodeBuffer", pkg: "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", typ: $funcType([ptrType, js.Value], [$error], false)}, {prop: "decodeAndRenderBuffer", name: "decodeAndRenderBuffer", pkg: "github.com/supraio/client-daemon/pkg/decoder/nacldecoder", typ: $funcType([ptrType, js.Value], [$error], false)}, {prop: "NextOutput", name: "NextOutput", pkg: "", typ: $funcType([general.OutputBuffer], [$error], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([general.OutputBuffer], [], false)}];
+	NaClDecoder.init("github.com/supraio/client-daemon/pkg/decoder/nacldecoder", [{prop: "initialized", name: "initialized", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "renderedDirect", name: "renderedDirect", embedded: false, exported: false, typ: atomic.Bool, tag: ""}, {prop: "mutexDecode", name: "mutexDecode", embedded: false, exported: false, typ: sync.Mutex, tag: ""}, {prop: "mutexGetPicture", name: "mutexGetPicture", embedded: false, exported: false, typ: sync.Mutex, 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:
@@ -185407,7 +185636,8 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/nacldecoder"] = (functio
 		$r = frame.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		$r = nacltcp.$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 = js.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = atomic.$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;
@@ -185507,8 +185737,8 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/samsungwasmtcp"]
 		/* */ } return; } var $f = {$blk: NewSamsungWasmTCPFrameCollector, $c: true, $r, _ref, maxPacketSize, screenConn, screenConnTyped, screenConnTyped$1, $s};return $f;
 	};
 	$pkg.NewSamsungWasmTCPFrameCollector = NewSamsungWasmTCPFrameCollector;
-	SWTFrameCollector.ptr.prototype.CollectFrame = function(startCb, endCb) {
-		var {$24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, c, collectPromise, collectedFrame, endCb, err, frame$1, jsConn, opts, startCb, timestampHi, timestampLo, x, x$1, x$2, $s, $r, $c} = $restore(this, {startCb, endCb});
+	SWTFrameCollector.ptr.prototype.CollectFrame = function(startCb, endCb, param) {
+		var {$24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, c, collectPromise, collectedFrame, endCb, err, frame$1, jsConn, opts, param, startCb, timestampHi, timestampLo, x, x$1, x$2, $s, $r, $c} = $restore(this, {startCb, endCb, param});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		endCb = [endCb];
 		startCb = [startCb];
@@ -185548,9 +185778,9 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/samsungwasmtcp"]
 		timestampHi = (new $Uint64(0, (($clone($clone($clone(collectedFrame, js.Value).Get("timestamp"), js.Value).Get("hi"), js.Value).Int() >>> 0))));
 		frame$1 = new SWTFrame.ptr((($clone($clone(collectedFrame, js.Value).Get("frameType"), js.Value).Int() << 24 >>> 24)), (x$2 = $shiftLeft64(timestampHi, 32), new $Uint64(timestampLo.$high | x$2.$high, (timestampLo.$low | x$2.$low) >>> 0)), (($clone($clone(collectedFrame, js.Value).Get("dataRef"), js.Value).Int() >>> 0)));
 		$s = -1; return [frame$1, $ifaceNil];
-		/* */ } return; } var $f = {$blk: SWTFrameCollector.ptr.prototype.CollectFrame, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, c, collectPromise, collectedFrame, endCb, err, frame$1, jsConn, opts, startCb, timestampHi, timestampLo, x, x$1, x$2, $s};return $f;
+		/* */ } return; } var $f = {$blk: SWTFrameCollector.ptr.prototype.CollectFrame, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, c, collectPromise, collectedFrame, endCb, err, frame$1, jsConn, opts, param, startCb, timestampHi, timestampLo, x, x$1, x$2, $s};return $f;
 	};
-	SWTFrameCollector.prototype.CollectFrame = function(startCb, endCb) { return this.$val.CollectFrame(startCb, endCb); };
+	SWTFrameCollector.prototype.CollectFrame = function(startCb, endCb, param) { return this.$val.CollectFrame(startCb, endCb, param); };
 	SWTFrame.ptr.prototype.FrameType = function() {
 		var f;
 		f = this;
@@ -185578,7 +185808,7 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/samsungwasmtcp"]
 		return f.dataRef;
 	};
 	SWTFrame.prototype.DataRef = function() { return this.$val.DataRef(); };
-	ptrType$2.methods = [{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType], [frame.FrameInterface, $error], false)}];
+	ptrType$2.methods = [{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType, netframe.FrameCollectionDurationCallback], [frame.FrameInterface, $error], false)}];
 	ptrType$3.methods = [{prop: "FrameType", name: "FrameType", pkg: "", typ: $funcType([], [frame.FrameType], false)}, {prop: "Buffer", name: "Buffer", pkg: "", typ: $funcType([], [sliceType$1], false)}, {prop: "GetTimestamp", name: "GetTimestamp", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "DataRef", name: "DataRef", pkg: "", typ: $funcType([], [$Uint32], false)}];
 	SWTFrameCollector.init("github.com/supraio/client-daemon/pkg/render/netframe/samsungwasmtcp", [{prop: "conn", name: "conn", embedded: false, exported: false, typ: netpacket.SamsungWasmTCPConn, tag: ""}]);
 	SWTFrame.init("github.com/supraio/client-daemon/pkg/render/netframe/samsungwasmtcp", [{prop: "frameType", name: "frameType", embedded: false, exported: false, typ: frame.FrameType, tag: ""}, {prop: "timestamp", name: "timestamp", embedded: false, exported: false, typ: $Uint64, tag: ""}, {prop: "dataRef", name: "dataRef", embedded: false, exported: false, typ: $Uint32, tag: ""}]);
@@ -185601,7 +185831,7 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/samsungwasmtcp"]
 	return $pkg;
 })();
 $packages["github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder"] = (function() {
-	var $pkg = {}, $init, general, jsdecoder, errs, jshelper, frame, samsungwasmtcp, sync, js, SamsungWasmDecoder, sliceType, ptrType, ptrType$1, ptrType$2, ptrType$3, IsAvailable, NewDecoder;
+	var $pkg = {}, $init, general, jsdecoder, errs, jshelper, frame, samsungwasmtcp, sync, js, SamsungWasmDecoder, sliceType, ptrType, ptrType$1, ptrType$2, ptrType$3, ptrType$4, IsAvailable, NewDecoder;
 	general = $packages["github.com/supraio/client-daemon/pkg/decoder/general"];
 	jsdecoder = $packages["github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder/jsdecoder"];
 	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
@@ -185623,8 +185853,9 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder"] = (
 	sliceType = $sliceType($emptyInterface);
 	ptrType = $ptrType(js.Value);
 	ptrType$1 = $ptrType(frame.Frame);
-	ptrType$2 = $ptrType(samsungwasmtcp.SWTFrame);
-	ptrType$3 = $ptrType(SamsungWasmDecoder);
+	ptrType$2 = $ptrType(frame.JSFrame);
+	ptrType$3 = $ptrType(samsungwasmtcp.SWTFrame);
+	ptrType$4 = $ptrType(SamsungWasmDecoder);
 	IsAvailable = function() {
 		return jsdecoder.IsAvailable();
 	};
@@ -185635,7 +185866,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder"] = (
 	};
 	$pkg.NewDecoder = NewDecoder;
 	SamsungWasmDecoder.ptr.prototype.Write = function(someFrame) {
-		var {$24r, $24r$1, $24r$2, $24r$3, _arg, _arg$1, _r, _r$1, _r$10, _r$11, _r$12, _r$13, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, _tuple, _tuple$1, decodePromise, decodePromise$1, decodeResult, decodeResult$1, err, err$1, frame$1, frame$2, jsSamsungWasmDecoder, m, nal, pictureBuffer, pictureUint8Array, someFrame, $s, $r, $c} = $restore(this, {someFrame});
+		var {$24r, $24r$1, $24r$2, $24r$3, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, _tuple, currentFrame, currentFrame$1, currentFrame$2, decodePromise, decodeResult, err, jsSamsungWasmDecoder, m, nal, pictureBuffer, pictureUint8Array, someFrame, $s, $r, $c} = $restore(this, {someFrame});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		m = this;
 		jsSamsungWasmDecoder = jsdecoder.GetJsSamsungWasmDecoder();
@@ -185645,73 +185876,89 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder"] = (
 		_ref = someFrame;
 		/* */ if ($assertType(_ref, ptrType$1, true)[1]) { $s = 1; continue; }
 		/* */ if ($assertType(_ref, ptrType$2, true)[1]) { $s = 2; continue; }
-		/* */ $s = 3; continue;
+		/* */ if ($assertType(_ref, ptrType$3, true)[1]) { $s = 3; continue; }
+		/* */ $s = 4; continue;
 		/* if ($assertType(_ref, ptrType$1, true)[1]) { */ case 1:
-			frame$1 = _ref.$val;
-			nal = frame$1.Buffer();
-			_r = $clone($clone(js.Global(), js.Value).Get("ArrayBuffer"), js.Value).New(new sliceType([new $Int(nal.$length)])); /* */ $s = 4; case 4: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			currentFrame = _ref.$val;
+			nal = currentFrame.Buffer();
+			_r = $clone($clone(js.Global(), js.Value).Get("ArrayBuffer"), js.Value).New(new sliceType([new $Int(nal.$length)])); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 			pictureBuffer = $clone(_r, js.Value);
-			_r$1 = $clone($clone(js.Global(), js.Value).Get("Uint8Array"), js.Value).New(new sliceType([new pictureBuffer.constructor.elem(pictureBuffer)])); /* */ $s = 5; case 5: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+			_r$1 = $clone($clone(js.Global(), js.Value).Get("Uint8Array"), js.Value).New(new sliceType([new pictureBuffer.constructor.elem(pictureBuffer)])); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
 			pictureUint8Array = $clone(_r$1, js.Value);
 			js.CopyBytesToJS($clone(pictureUint8Array, js.Value), nal);
-			$r = m.mutexDecode.Lock(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			_r$2 = $clone(jsSamsungWasmDecoder, js.Value).Call("decodeAndRender", new sliceType([new pictureBuffer.constructor.elem(pictureBuffer)])); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-			decodePromise = $clone(_r$2, js.Value);
-			_r$3 = jshelper.Await($clone(decodePromise, js.Value)); /* */ $s = 8; case 8: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			_tuple = _r$3;
+			_r$2 = m.decodeBuffer(jsSamsungWasmDecoder, $clone(pictureBuffer, js.Value)); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			$24r = _r$2;
+			$s = 8; case 8: return $24r;
+		/* } else if ($assertType(_ref, ptrType$2, true)[1]) { */ case 2:
+			currentFrame$1 = _ref.$val;
+			_r$3 = m.decodeBuffer(jsSamsungWasmDecoder, $clone(currentFrame$1.JSBuffer(), js.Value)); /* */ $s = 9; case 9: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			$24r$1 = _r$3;
+			$s = 10; case 10: return $24r$1;
+		/* } else if ($assertType(_ref, ptrType$3, true)[1]) { */ case 3:
+			currentFrame$2 = _ref.$val;
+			$r = m.mutexDecode.Lock(); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			_r$4 = $clone(jsSamsungWasmDecoder, js.Value).Call("decodeAndRenderRef", new sliceType([new $Uint32(currentFrame$2.DataRef())])); /* */ $s = 12; case 12: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			decodePromise = $clone(_r$4, js.Value);
+			_r$5 = jshelper.Await($clone(decodePromise, js.Value)); /* */ $s = 13; case 13: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			_tuple = _r$5;
 			decodeResult = _tuple[0];
 			err = _tuple[1];
-			$r = m.mutexDecode.Unlock(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			/* */ if (!(err === ptrType.nil)) { $s = 10; continue; }
-			/* */ $s = 11; continue;
-			/* if (!(err === ptrType.nil)) { */ case 10:
-				_r$4 = jshelper.GetError(err); /* */ $s = 12; case 12: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-				_r$5 = _r$4.Error(); /* */ $s = 13; case 13: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-				_arg = new $String(_r$5);
-				_r$6 = errs.Errorf("Failed to decode frame: %s", new sliceType([_arg])); /* */ $s = 14; case 14: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
-				$24r = _r$6;
-				$s = 15; case 15: return $24r;
-			/* } */ case 11:
-			/* */ if (!(($clone(decodeResult, js.Value).Float() === 0))) { $s = 16; continue; }
-			/* */ $s = 17; continue;
-			/* if (!(($clone(decodeResult, js.Value).Float() === 0))) { */ case 16:
-				_r$7 = errs.Errorf("Failed to decode frame with code: %f", new sliceType([new $Float64($clone(decodeResult, js.Value).Float())])); /* */ $s = 18; case 18: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
-				$24r$1 = _r$7;
-				$s = 19; case 19: return $24r$1;
-			/* } */ case 17:
-			$s = 3; continue;
-		/* } else if ($assertType(_ref, ptrType$2, true)[1]) { */ case 2:
-			frame$2 = _ref.$val;
-			$r = m.mutexDecode.Lock(); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			_r$8 = $clone(jsSamsungWasmDecoder, js.Value).Call("decodeAndRenderRef", new sliceType([new $Uint32(frame$2.DataRef())])); /* */ $s = 21; case 21: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
-			decodePromise$1 = $clone(_r$8, js.Value);
-			_r$9 = jshelper.Await($clone(decodePromise$1, js.Value)); /* */ $s = 22; case 22: if($c) { $c = false; _r$9 = _r$9.$blk(); } if (_r$9 && _r$9.$blk !== undefined) { break s; }
-			_tuple$1 = _r$9;
-			decodeResult$1 = _tuple$1[0];
-			err$1 = _tuple$1[1];
-			$r = m.mutexDecode.Unlock(); /* */ $s = 23; case 23: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			/* */ if (!(err$1 === ptrType.nil)) { $s = 24; continue; }
-			/* */ $s = 25; continue;
-			/* if (!(err$1 === ptrType.nil)) { */ case 24:
-				_r$10 = jshelper.GetError(err$1); /* */ $s = 26; case 26: if($c) { $c = false; _r$10 = _r$10.$blk(); } if (_r$10 && _r$10.$blk !== undefined) { break s; }
-				_r$11 = _r$10.Error(); /* */ $s = 27; case 27: if($c) { $c = false; _r$11 = _r$11.$blk(); } if (_r$11 && _r$11.$blk !== undefined) { break s; }
-				_arg$1 = new $String(_r$11);
-				_r$12 = errs.Errorf("Failed to decode frame: %s", new sliceType([_arg$1])); /* */ $s = 28; case 28: if($c) { $c = false; _r$12 = _r$12.$blk(); } if (_r$12 && _r$12.$blk !== undefined) { break s; }
-				$24r$2 = _r$12;
-				$s = 29; case 29: return $24r$2;
-			/* } */ case 25:
-			/* */ if (!(($clone(decodeResult$1, js.Value).Float() === 0))) { $s = 30; continue; }
-			/* */ $s = 31; continue;
-			/* if (!(($clone(decodeResult$1, js.Value).Float() === 0))) { */ case 30:
-				_r$13 = errs.Errorf("Failed to decode frame with code: %f", new sliceType([new $Float64($clone(decodeResult$1, js.Value).Float())])); /* */ $s = 32; case 32: if($c) { $c = false; _r$13 = _r$13.$blk(); } if (_r$13 && _r$13.$blk !== undefined) { break s; }
-				$24r$3 = _r$13;
-				$s = 33; case 33: return $24r$3;
-			/* } */ case 31:
-		/* } */ case 3:
+			$r = m.mutexDecode.Unlock(); /* */ $s = 14; case 14: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			/* */ if (!(err === ptrType.nil)) { $s = 15; continue; }
+			/* */ $s = 16; continue;
+			/* if (!(err === ptrType.nil)) { */ case 15:
+				_r$6 = jshelper.GetError(err); /* */ $s = 17; case 17: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+				_r$7 = _r$6.Error(); /* */ $s = 18; case 18: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
+				_arg = new $String(_r$7);
+				_r$8 = errs.Errorf("Failed to decode frame: %s", new sliceType([_arg])); /* */ $s = 19; case 19: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
+				$24r$2 = _r$8;
+				$s = 20; case 20: return $24r$2;
+			/* } */ case 16:
+			/* */ if (!(($clone(decodeResult, js.Value).Float() === 0))) { $s = 21; continue; }
+			/* */ $s = 22; continue;
+			/* if (!(($clone(decodeResult, js.Value).Float() === 0))) { */ case 21:
+				_r$9 = errs.Errorf("Failed to decode frame with code: %f", new sliceType([new $Float64($clone(decodeResult, js.Value).Float())])); /* */ $s = 23; case 23: if($c) { $c = false; _r$9 = _r$9.$blk(); } if (_r$9 && _r$9.$blk !== undefined) { break s; }
+				$24r$3 = _r$9;
+				$s = 24; case 24: return $24r$3;
+			/* } */ case 22:
+		/* } */ case 4:
 		$s = -1; return $ifaceNil;
-		/* */ } return; } var $f = {$blk: SamsungWasmDecoder.ptr.prototype.Write, $c: true, $r, $24r, $24r$1, $24r$2, $24r$3, _arg, _arg$1, _r, _r$1, _r$10, _r$11, _r$12, _r$13, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, _tuple, _tuple$1, decodePromise, decodePromise$1, decodeResult, decodeResult$1, err, err$1, frame$1, frame$2, jsSamsungWasmDecoder, m, nal, pictureBuffer, pictureUint8Array, someFrame, $s};return $f;
+		/* */ } return; } var $f = {$blk: SamsungWasmDecoder.ptr.prototype.Write, $c: true, $r, $24r, $24r$1, $24r$2, $24r$3, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, _ref, _tuple, currentFrame, currentFrame$1, currentFrame$2, decodePromise, decodeResult, err, jsSamsungWasmDecoder, m, nal, pictureBuffer, pictureUint8Array, someFrame, $s};return $f;
 	};
 	SamsungWasmDecoder.prototype.Write = function(someFrame) { return this.$val.Write(someFrame); };
+	SamsungWasmDecoder.ptr.prototype.decodeBuffer = function(jsSamsungWasmDecoder, pictureBuffer) {
+		var {$24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, decodePromise, decodeResult, err, jsSamsungWasmDecoder, m, pictureBuffer, $s, $r, $c} = $restore(this, {jsSamsungWasmDecoder, pictureBuffer});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		m = this;
+		$r = m.mutexDecode.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r = $clone(jsSamsungWasmDecoder, js.Value).Call("decodeAndRender", new sliceType([new pictureBuffer.constructor.elem(pictureBuffer)])); /* */ $s = 2; case 2: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		decodePromise = $clone(_r, js.Value);
+		_r$1 = jshelper.Await($clone(decodePromise, js.Value)); /* */ $s = 3; case 3: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_tuple = _r$1;
+		decodeResult = _tuple[0];
+		err = _tuple[1];
+		$r = m.mutexDecode.Unlock(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ if (!(err === ptrType.nil)) { $s = 5; continue; }
+		/* */ $s = 6; continue;
+		/* if (!(err === ptrType.nil)) { */ case 5:
+			_r$2 = jshelper.GetError(err); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			_r$3 = _r$2.Error(); /* */ $s = 8; case 8: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			_arg = new $String(_r$3);
+			_r$4 = errs.Errorf("Failed to decode frame: %s", new sliceType([_arg])); /* */ $s = 9; case 9: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			$24r = _r$4;
+			$s = 10; case 10: return $24r;
+		/* } */ case 6:
+		/* */ if (!(($clone(decodeResult, js.Value).Float() === 0))) { $s = 11; continue; }
+		/* */ $s = 12; continue;
+		/* if (!(($clone(decodeResult, js.Value).Float() === 0))) { */ case 11:
+			_r$5 = errs.Errorf("Failed to decode frame with code: %f", new sliceType([new $Float64($clone(decodeResult, js.Value).Float())])); /* */ $s = 13; case 13: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			$24r$1 = _r$5;
+			$s = 14; case 14: return $24r$1;
+		/* } */ case 12:
+		$s = -1; return $ifaceNil;
+		/* */ } return; } var $f = {$blk: SamsungWasmDecoder.ptr.prototype.decodeBuffer, $c: true, $r, $24r, $24r$1, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, decodePromise, decodeResult, err, jsSamsungWasmDecoder, m, pictureBuffer, $s};return $f;
+	};
+	SamsungWasmDecoder.prototype.decodeBuffer = function(jsSamsungWasmDecoder, pictureBuffer) { return this.$val.decodeBuffer(jsSamsungWasmDecoder, pictureBuffer); };
 	SamsungWasmDecoder.ptr.prototype.NextOutput = function(outputBuffer) {
 		var m, outputBuffer;
 		m = this;
@@ -185723,7 +185970,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder"] = (
 		m = this;
 	};
 	SamsungWasmDecoder.prototype.Release = function(outputBuffer) { return this.$val.Release(outputBuffer); };
-	ptrType$3.methods = [{prop: "destroy", name: "destroy", pkg: "github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder", typ: $funcType([], [$error], false)}, {prop: "Write", name: "Write", pkg: "", typ: $funcType([frame.FrameInterface], [$error], false)}, {prop: "NextOutput", name: "NextOutput", pkg: "", typ: $funcType([general.OutputBuffer], [$error], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([general.OutputBuffer], [], false)}];
+	ptrType$4.methods = [{prop: "destroy", name: "destroy", pkg: "github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder", typ: $funcType([], [$error], false)}, {prop: "Write", name: "Write", pkg: "", typ: $funcType([frame.FrameInterface], [$error], false)}, {prop: "decodeBuffer", name: "decodeBuffer", pkg: "github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder", typ: $funcType([ptrType, js.Value], [$error], false)}, {prop: "NextOutput", name: "NextOutput", pkg: "", typ: $funcType([general.OutputBuffer], [$error], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([general.OutputBuffer], [], false)}];
 	SamsungWasmDecoder.init("github.com/supraio/client-daemon/pkg/decoder/samsungwasmdecoder", [{prop: "mutexDecode", name: "mutexDecode", embedded: false, exported: false, typ: sync.Mutex, tag: ""}, {prop: "mutexGetPicture", name: "mutexGetPicture", embedded: false, exported: false, typ: sync.Mutex, tag: ""}]);
 	$init = function() {
 		$pkg.$init = function() {};
@@ -190579,8 +190826,7 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 	return $pkg;
 })();
 $packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function() {
-	var $pkg = {}, $init, hex, webgl, general, errs, jshelper, frame, canvasdriver, image, js, WebCodecsDecoder, ptrType, sliceType, ptrType$1, sliceType$1, ptrType$2, chanType, chanType$1, funcType, IsAvailable, NewDecoder;
-	hex = $packages["encoding/hex"];
+	var $pkg = {}, $init, webgl, general, errs, jshelper, frame, canvasdriver, image, js, WebCodecsDecoder, ptrType, sliceType, sliceType$1, funcType, arrayType, ptrType$1, ptrType$2, ptrType$3, chanType, chanType$1, IsAvailable, NewDecoder, byteToHex;
 	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"];
@@ -190605,12 +190851,14 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function(
 	});
 	ptrType = $ptrType(js.Value);
 	sliceType = $sliceType($emptyInterface);
-	ptrType$1 = $ptrType(canvasdriver.BufferImpl);
 	sliceType$1 = $sliceType($Uint8);
-	ptrType$2 = $ptrType(WebCodecsDecoder);
+	funcType = $funcType([], [], false);
+	arrayType = $arrayType(funcType, 0);
+	ptrType$1 = $ptrType(frame.JSFrame);
+	ptrType$2 = $ptrType(canvasdriver.BufferImpl);
+	ptrType$3 = $ptrType(WebCodecsDecoder);
 	chanType = $chanType(js.Value, false, false);
 	chanType$1 = $chanType($error, false, false);
-	funcType = $funcType([], [], false);
 	IsAvailable = function() {
 		return !$clone($clone(js.Global(), js.Value).Get("VideoDecoder"), js.Value).IsUndefined();
 	};
@@ -190651,7 +190899,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function(
 		$clone(init, js.Value).Set("error", new errorCallback[0].constructor.elem(errorCallback[0]));
 		_r$1 = $clone($clone(js.Global(), js.Value).Get("VideoDecoder"), js.Value).New(new sliceType([new init.constructor.elem(init)])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
 		jsVideoDecoder[0] = $clone(_r$1, js.Value);
-		h264CodecName = d[0].detectCodecName(nal);
+		h264CodecName = d[0].detectCodecName($clone(nal, js.Value));
 		_r$2 = $clone($clone(js.Global(), js.Value).Get("Object"), js.Value).New(sliceType.nil); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
 		config = $clone(_r$2, js.Value);
 		$clone(config, js.Value).Set("codec", new $String(h264CodecName));
@@ -190670,57 +190918,78 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function(
 	};
 	WebCodecsDecoder.prototype.configure = function(nal) { return this.$val.configure(nal); };
 	WebCodecsDecoder.ptr.prototype.detectCodecName = function(nal) {
-		var codecName, d, nal;
+		var d, nal;
 		d = this;
-		codecName = "avc1." + hex.EncodeToString($subslice(nal, 5, 8));
-		return codecName;
+		return "avc1." + byteToHex($clone($clone(nal, js.Value).Index(5), js.Value).Int()) + byteToHex($clone($clone(nal, js.Value).Index(6), js.Value).Int()) + byteToHex($clone($clone(nal, js.Value).Index(7), js.Value).Int());
 	};
 	WebCodecsDecoder.prototype.detectCodecName = function(nal) { return this.$val.detectCodecName(nal); };
-	WebCodecsDecoder.ptr.prototype.Write = function(frame$1) {
-		var {$24r, _r, _r$1, _r$2, _r$3, _r$4, _r$5, chunk, chunkOpts, d, errDec, frame$1, frameData, frameType, nal, $s, $r, $c} = $restore(this, {frame$1});
+	byteToHex = function(value) {
+		var value;
+		return ($bytesToString(new sliceType$1(["0123456789abcdef".charCodeAt((((value >> 4 >> 0)) & 15)), "0123456789abcdef".charCodeAt((value & 15))])));
+	};
+	WebCodecsDecoder.ptr.prototype.Write = function(someFrame) {
+		var {$24r, $24r$1, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _ref, chunk, chunkOpts, currentFrame, currentFrame$1, d, errDec, frameData, frameType, someFrame, x, $s, $r, $c} = $restore(this, {someFrame});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		d = this;
-		_r = frame$1.Buffer(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		nal = _r;
+		frameData = new js.Value.ptr(null, false, arrayType.zero());
+		_ref = someFrame;
+		/* */ if ($assertType(_ref, ptrType$1, true)[1]) { $s = 1; continue; }
+		/* */ $s = 2; continue;
+		/* if ($assertType(_ref, ptrType$1, true)[1]) { */ case 1:
+			currentFrame = _ref.$val;
+			_r = $clone($clone(js.Global(), js.Value).Get("Uint8Array"), js.Value).New(new sliceType([(x = currentFrame.JSBuffer(), new x.constructor.elem(x))])); /* */ $s = 4; case 4: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			js.Value.copy(frameData, _r);
+			$s = 3; continue;
+		/* } else { */ case 2:
+			currentFrame$1 = _ref;
+			_r$1 = currentFrame$1.Buffer(); /* */ $s = 5; case 5: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+			_r$2 = webgl.TypedArrayOf(_r$1); /* */ $s = 6; case 6: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			js.Value.copy(frameData, _r$2);
+		/* } */ case 3:
+		/* */ if ($clone($clone(frameData, js.Value).Get("byteLength"), js.Value).Int() < 8) { $s = 7; continue; }
+		/* */ $s = 8; continue;
+		/* if ($clone($clone(frameData, js.Value).Get("byteLength"), js.Value).Int() < 8) { */ case 7:
+			_r$3 = errs.Errorf("H264 frame is too short to detect codec", sliceType.nil); /* */ $s = 9; case 9: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			$24r = _r$3;
+			$s = 10; case 10: return $24r;
+		/* } */ case 8:
 		frameType = "delta";
 		frameType = "key";
-		/* */ if (d.jsVideoDecoder === ptrType.nil) { $s = 2; continue; }
-		/* */ $s = 3; continue;
-		/* if (d.jsVideoDecoder === ptrType.nil) { */ case 2:
-			$r = d.configure(nal); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 3:
-		/* */ if (d.jsVideoDecoder === ptrType.nil) { $s = 5; continue; }
-		/* */ $s = 6; continue;
-		/* if (d.jsVideoDecoder === ptrType.nil) { */ case 5:
-			_r$1 = errs.Errorf("VideoDecoder was not properly configured", sliceType.nil); /* */ $s = 7; case 7: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-			$24r = _r$1;
-			$s = 8; case 8: return $24r;
-		/* } */ case 6:
-		_r$2 = $clone($clone(js.Global(), js.Value).Get("Object"), js.Value).New(sliceType.nil); /* */ $s = 9; case 9: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		chunkOpts = $clone(_r$2, js.Value);
-		_r$3 = webgl.TypedArrayOf(nal); /* */ $s = 10; case 10: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-		frameData = $clone(_r$3, js.Value);
+		/* */ if (d.jsVideoDecoder === ptrType.nil) { $s = 11; continue; }
+		/* */ $s = 12; continue;
+		/* if (d.jsVideoDecoder === ptrType.nil) { */ case 11:
+			$r = d.configure($clone(frameData, js.Value)); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 12:
+		/* */ if (d.jsVideoDecoder === ptrType.nil) { $s = 14; continue; }
+		/* */ $s = 15; continue;
+		/* if (d.jsVideoDecoder === ptrType.nil) { */ case 14:
+			_r$4 = errs.Errorf("VideoDecoder was not properly configured", sliceType.nil); /* */ $s = 16; case 16: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			$24r$1 = _r$4;
+			$s = 17; case 17: return $24r$1;
+		/* } */ case 15:
+		_r$5 = $clone($clone(js.Global(), js.Value).Get("Object"), js.Value).New(sliceType.nil); /* */ $s = 18; case 18: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+		chunkOpts = $clone(_r$5, js.Value);
 		$clone(chunkOpts, js.Value).Set("type", new $String(frameType));
 		$clone(chunkOpts, js.Value).Set("data", new frameData.constructor.elem(frameData));
 		$clone(chunkOpts, js.Value).Set("timestamp", new $Int(0));
-		_r$4 = $clone($clone(js.Global(), js.Value).Get("EncodedVideoChunk"), js.Value).New(new sliceType([new chunkOpts.constructor.elem(chunkOpts)])); /* */ $s = 11; case 11: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-		chunk = $clone(_r$4, js.Value);
-		_r$5 = d.jsSafeDecode($clone(chunk, js.Value)); /* */ $s = 12; case 12: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-		errDec = _r$5;
-		/* */ if (!($interfaceIsEqual(errDec, $ifaceNil))) { $s = 13; continue; }
-		/* */ $s = 14; continue;
-		/* if (!($interfaceIsEqual(errDec, $ifaceNil))) { */ case 13:
-			/* */ if ($clone($clone(d.jsVideoDecoder, js.Value).Get("state"), js.Value).String() === "closed") { $s = 15; continue; }
-			/* */ $s = 16; continue;
-			/* if ($clone($clone(d.jsVideoDecoder, js.Value).Get("state"), js.Value).String() === "closed") { */ case 15:
-				$r = d.releaseVideoDecoder(); /* */ $s = 17; case 17: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			/* } */ case 16:
+		_r$6 = $clone($clone(js.Global(), js.Value).Get("EncodedVideoChunk"), js.Value).New(new sliceType([new chunkOpts.constructor.elem(chunkOpts)])); /* */ $s = 19; case 19: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+		chunk = $clone(_r$6, js.Value);
+		_r$7 = d.jsSafeDecode($clone(chunk, js.Value)); /* */ $s = 20; case 20: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
+		errDec = _r$7;
+		/* */ if (!($interfaceIsEqual(errDec, $ifaceNil))) { $s = 21; continue; }
+		/* */ $s = 22; continue;
+		/* if (!($interfaceIsEqual(errDec, $ifaceNil))) { */ case 21:
+			/* */ if ($clone($clone(d.jsVideoDecoder, js.Value).Get("state"), js.Value).String() === "closed") { $s = 23; continue; }
+			/* */ $s = 24; continue;
+			/* if ($clone($clone(d.jsVideoDecoder, js.Value).Get("state"), js.Value).String() === "closed") { */ case 23:
+				$r = d.releaseVideoDecoder(); /* */ $s = 25; case 25: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			/* } */ case 24:
 			$s = -1; return errDec;
-		/* } */ case 14:
+		/* } */ case 22:
 		$s = -1; return $ifaceNil;
-		/* */ } return; } var $f = {$blk: WebCodecsDecoder.ptr.prototype.Write, $c: true, $r, $24r, _r, _r$1, _r$2, _r$3, _r$4, _r$5, chunk, chunkOpts, d, errDec, frame$1, frameData, frameType, nal, $s};return $f;
+		/* */ } return; } var $f = {$blk: WebCodecsDecoder.ptr.prototype.Write, $c: true, $r, $24r, $24r$1, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _ref, chunk, chunkOpts, currentFrame, currentFrame$1, d, errDec, frameData, frameType, someFrame, x, $s};return $f;
 	};
-	WebCodecsDecoder.prototype.Write = function(frame$1) { return this.$val.Write(frame$1); };
+	WebCodecsDecoder.prototype.Write = function(someFrame) { return this.$val.Write(someFrame); };
 	WebCodecsDecoder.ptr.prototype.NextOutput = function(outputBuffer) {
 		var {_r, _r$1, _selection, d, displayHeight, displayWidth, err, frame$1, output, outputBuffer, ycbcrImg, ycbcrJSImg, $s, $r, $c} = $restore(this, {outputBuffer});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
@@ -190736,7 +191005,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function(
 			err = _selection[1][0];
 			$s = -1; return err;
 		}
-		ycbcrJSImg = $assertType(outputBuffer, ptrType$1).YCbCrJS();
+		ycbcrJSImg = $assertType(outputBuffer, ptrType$2).YCbCrJS();
 		ycbcrJSImg.CanvasImageSource = frame$1;
 		displayWidth = $clone($clone(frame$1, js.Value).Get("displayWidth"), js.Value).Int();
 		displayHeight = $clone($clone(frame$1, js.Value).Get("displayHeight"), js.Value).Int();
@@ -190752,7 +191021,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function(
 		var {_r, m, outputBuffer, ycbcrJSImg, $s, $r, $c} = $restore(this, {outputBuffer});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		m = this;
-		ycbcrJSImg = $assertType(outputBuffer, ptrType$1).YCbCrJS();
+		ycbcrJSImg = $assertType(outputBuffer, ptrType$2).YCbCrJS();
 		/* */ if (!(ycbcrJSImg.CanvasImageSource === ptrType.nil)) { $s = 1; continue; }
 		/* */ $s = 2; continue;
 		/* if (!(ycbcrJSImg.CanvasImageSource === ptrType.nil)) { */ case 1:
@@ -190790,20 +191059,19 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/webcodecs"] = (function(
 		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if (!$curGoroutine.asleep) { return  err[0]; } if($curGoroutine.asleep) { var $f = {$blk: WebCodecsDecoder.ptr.prototype.jsSafeDecode, $c: true, $r, $24r, _r, chunk, d, err, $s, $deferred};return $f; } }
 	};
 	WebCodecsDecoder.prototype.jsSafeDecode = function(chunk) { return this.$val.jsSafeDecode(chunk); };
-	ptrType$2.methods = [{prop: "configure", name: "configure", pkg: "github.com/supraio/client-daemon/pkg/decoder/webcodecs", typ: $funcType([sliceType$1], [], false)}, {prop: "detectCodecName", name: "detectCodecName", pkg: "github.com/supraio/client-daemon/pkg/decoder/webcodecs", typ: $funcType([sliceType$1], [$String], false)}, {prop: "Write", name: "Write", pkg: "", typ: $funcType([frame.FrameInterface], [$error], false)}, {prop: "NextOutput", name: "NextOutput", pkg: "", typ: $funcType([general.OutputBuffer], [$error], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([general.OutputBuffer], [], false)}, {prop: "jsSafeDecode", name: "jsSafeDecode", pkg: "github.com/supraio/client-daemon/pkg/decoder/webcodecs", typ: $funcType([js.Value], [$error], false)}];
+	ptrType$3.methods = [{prop: "configure", name: "configure", pkg: "github.com/supraio/client-daemon/pkg/decoder/webcodecs", typ: $funcType([js.Value], [], false)}, {prop: "detectCodecName", name: "detectCodecName", pkg: "github.com/supraio/client-daemon/pkg/decoder/webcodecs", typ: $funcType([js.Value], [$String], false)}, {prop: "Write", name: "Write", pkg: "", typ: $funcType([frame.FrameInterface], [$error], false)}, {prop: "NextOutput", name: "NextOutput", pkg: "", typ: $funcType([general.OutputBuffer], [$error], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([general.OutputBuffer], [], false)}, {prop: "jsSafeDecode", name: "jsSafeDecode", pkg: "github.com/supraio/client-daemon/pkg/decoder/webcodecs", typ: $funcType([js.Value], [$error], false)}];
 	WebCodecsDecoder.init("github.com/supraio/client-daemon/pkg/decoder/webcodecs", [{prop: "jsVideoDecoder", name: "jsVideoDecoder", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "outputChan", name: "outputChan", embedded: false, exported: false, typ: chanType, tag: ""}, {prop: "errorChan", name: "errorChan", embedded: false, exported: false, typ: chanType$1, tag: ""}, {prop: "releaseVideoDecoder", name: "releaseVideoDecoder", embedded: false, exported: false, typ: funcType, 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 = 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 = frame.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = canvasdriver.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$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; }
+		$r = webgl.$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 = frame.$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; }
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;
@@ -192500,11 +192768,14 @@ $packages["github.com/supraio/client-daemon/pkg/netclient"] = (function() {
 	return $pkg;
 })();
 $packages["github.com/supraio/client-daemon/pkg/render/netframe/jswebsocketworker"] = (function() {
-	var $pkg = {}, $init, netpacket, frame, netframe, js, FrameCollector, ptrType, sliceType, sliceType$1, funcType, ptrType$1, init, NewFrameCollector;
+	var $pkg = {}, $init, errs, netpacket, frame, netframe, math, js, time, FrameCollector, ptrType, sliceType, funcType, ptrType$1, init, NewFrameCollector;
+	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"];
 	netframe = $packages["github.com/supraio/client-daemon/pkg/render/netframe"];
+	math = $packages["math"];
 	js = $packages["syscall/js"];
+	time = $packages["time"];
 	FrameCollector = $pkg.FrameCollector = $newType(0, $kindStruct, "jswebsocketworker.FrameCollector", true, "github.com/supraio/client-daemon/pkg/render/netframe/jswebsocketworker", true, function(conn_) {
 		this.$val = this;
 		if (arguments.length === 0) {
@@ -192514,8 +192785,7 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/jswebsocketworke
 		this.conn = conn_;
 	});
 	ptrType = $ptrType(netpacket.JsWebsocketWorkerConn);
-	sliceType = $sliceType($Uint8);
-	sliceType$1 = $sliceType($emptyInterface);
+	sliceType = $sliceType($emptyInterface);
 	funcType = $funcType([], [], false);
 	ptrType$1 = $ptrType(FrameCollector);
 	init = function() {
@@ -192532,48 +192802,66 @@ $packages["github.com/supraio/client-daemon/pkg/render/netframe/jswebsocketworke
 		return new FrameCollector.ptr(conn);
 	};
 	$pkg.NewFrameCollector = NewFrameCollector;
-	FrameCollector.ptr.prototype.CollectFrame = function(startCb, endCb) {
-		var {$24r, $24r$1, _arg, _arg$1, _r, _r$1, _r$2, _tuple, buffer, c, collectedFrame, data, endCb, err, frameLength, length, startCb, $s, $deferred, $r, $c} = $restore(this, {startCb, endCb});
-		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
+	FrameCollector.ptr.prototype.CollectFrame = function(param, param$1, durationCb) {
+		var {$24r, $24r$1, $24r$2, _r, _r$1, _r$2, _r$3, _tuple, byteLength, c, collectedFrame, collectionDurationMs, data, durationCb, err, firstPacketAt, firstPacketAtValue, frameLength, goReceivedAt, length, param, param$1, $s, $r, $c} = $restore(this, {param, param$1, durationCb});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		c = this;
-		$r = startCb(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$deferred.push([endCb, []]);
-		_r = c.conn.CollectFrame(); /* */ $s = 2; case 2: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r = c.conn.CollectFrame(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 		_tuple = _r;
 		collectedFrame = _tuple[0];
-		err = _tuple[1];
-		/* */ if (!($interfaceIsEqual(err, $ifaceNil))) { $s = 3; continue; }
-		/* */ $s = 4; continue;
-		/* if (!($interfaceIsEqual(err, $ifaceNil))) { */ case 3:
-			$24r = [$ifaceNil, err];
-			$s = 5; case 5: return $24r;
-		/* } */ case 4:
+		goReceivedAt = _tuple[1];
+		err = _tuple[2];
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			$s = -1; return [$ifaceNil, err];
+		}
 		data = $clone($clone(collectedFrame, js.Value).Get("data"), js.Value);
-		length = $clone($clone(data, js.Value).Get("byteLength"), js.Value).Int();
+		byteLength = $clone($clone(data, js.Value).Get("byteLength"), js.Value).Int();
+		length = byteLength;
 		frameLength = $clone($clone(collectedFrame, js.Value).Get("length"), js.Value);
 		if (!$clone(frameLength, js.Value).IsUndefined() && !$clone(frameLength, js.Value).IsNull()) {
 			length = $clone(frameLength, js.Value).Int();
 		}
-		buffer = $makeSlice(sliceType, length);
-		_arg = buffer;
-		_r$1 = $clone($clone(js.Global(), js.Value).Get("Uint8Array"), js.Value).New(new sliceType$1([new data.constructor.elem(data), new $Int(0), new $Int(length)])); /* */ $s = 6; case 6: 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 = js.CopyBytesToGo(_arg, _arg$1); /* */ $s = 7; case 7: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		_r$2;
-		$24r$1 = [frame.NewFrame((($clone($clone(collectedFrame, js.Value).Get("frameType"), js.Value).Int() << 24 >>> 24)), buffer, (new $Uint64(0, $clone($clone(collectedFrame, js.Value).Get("timestamp"), js.Value).Float()))), $ifaceNil];
-		$s = 8; case 8: return $24r$1;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; return [$ifaceNil, $ifaceNil]; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: FrameCollector.ptr.prototype.CollectFrame, $c: true, $r, $24r, $24r$1, _arg, _arg$1, _r, _r$1, _r$2, _tuple, buffer, c, collectedFrame, data, endCb, err, frameLength, length, startCb, $s, $deferred};return $f; } }
+		/* */ if (!((length === byteLength))) { $s = 2; continue; }
+		/* */ $s = 3; continue;
+		/* if (!((length === byteLength))) { */ case 2:
+			_r$1 = errs.Errorf("Worker frame buffer length mismatch: expected %d, received %d", new sliceType([new $Int(length), new $Int(byteLength)])); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+			$24r = [$ifaceNil, _r$1];
+			$s = 5; case 5: return $24r;
+		/* } */ case 3:
+		firstPacketAtValue = $clone($clone(collectedFrame, js.Value).Get("firstPacketAt"), js.Value);
+		/* */ if (!(($clone(firstPacketAtValue, js.Value).Type() === 3))) { $s = 6; continue; }
+		/* */ $s = 7; continue;
+		/* if (!(($clone(firstPacketAtValue, js.Value).Type() === 3))) { */ case 6:
+			_r$2 = errs.Errorf("Worker frame is missing first packet timestamp", sliceType.nil); /* */ $s = 8; case 8: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			$24r$1 = [$ifaceNil, _r$2];
+			$s = 9; case 9: return $24r$1;
+		/* } */ case 7:
+		firstPacketAt = $clone(firstPacketAtValue, js.Value).Float();
+		collectionDurationMs = goReceivedAt - firstPacketAt;
+		/* */ if (math.IsNaN(collectionDurationMs) || math.IsInf(collectionDurationMs, 0) || collectionDurationMs < 0) { $s = 10; continue; }
+		/* */ $s = 11; continue;
+		/* if (math.IsNaN(collectionDurationMs) || math.IsInf(collectionDurationMs, 0) || collectionDurationMs < 0) { */ case 10:
+			_r$3 = errs.Errorf("Invalid worker frame collection duration: %fms", new sliceType([new $Float64(collectionDurationMs)])); /* */ $s = 12; case 12: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			$24r$2 = [$ifaceNil, _r$3];
+			$s = 13; case 13: return $24r$2;
+		/* } */ case 11:
+		$r = durationCb((new time.Duration(0, collectionDurationMs * 1e+06))); /* */ $s = 14; case 14: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return [frame.NewJSFrame((($clone($clone(collectedFrame, js.Value).Get("frameType"), js.Value).Int() << 24 >>> 24)), $clone(data, js.Value), (new $Uint64(0, $clone($clone(collectedFrame, js.Value).Get("timestamp"), js.Value).Float()))), $ifaceNil];
+		/* */ } return; } var $f = {$blk: FrameCollector.ptr.prototype.CollectFrame, $c: true, $r, $24r, $24r$1, $24r$2, _r, _r$1, _r$2, _r$3, _tuple, byteLength, c, collectedFrame, collectionDurationMs, data, durationCb, err, firstPacketAt, firstPacketAtValue, frameLength, goReceivedAt, length, param, param$1, $s};return $f;
 	};
-	FrameCollector.prototype.CollectFrame = function(startCb, endCb) { return this.$val.CollectFrame(startCb, endCb); };
-	ptrType$1.methods = [{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType], [frame.FrameInterface, $error], false)}];
+	FrameCollector.prototype.CollectFrame = function(param, param$1, durationCb) { return this.$val.CollectFrame(param, param$1, durationCb); };
+	ptrType$1.methods = [{prop: "CollectFrame", name: "CollectFrame", pkg: "", typ: $funcType([funcType, funcType, netframe.FrameCollectionDurationCallback], [frame.FrameInterface, $error], false)}];
 	FrameCollector.init("github.com/supraio/client-daemon/pkg/render/netframe/jswebsocketworker", [{prop: "conn", name: "conn", embedded: false, exported: false, typ: ptrType, 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 = netpacket.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = frame.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = netframe.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = netpacket.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = frame.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = netframe.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = math.$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; }
+		$r = time.$init(); /* */ $s = 7; case 7: 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;
 	};
@@ -193435,7 +193723,7 @@ $packages["golang.org/x/exp/shiny/driver/webgldriver"] = (function() {
 	return $pkg;
 })();
 $packages["github.com/supraio/client-daemon/pkg/decoder/h264decoder"] = (function() {
-	var $pkg = {}, $init, general, errs, frame, webgldriver, image, js, H264Decoder, funcType, arrayType, sliceType, ptrType, ptrType$1, chanType, IsAvailable, NewDecoder;
+	var $pkg = {}, $init, general, errs, frame, webgldriver, image, js, H264Decoder, funcType, arrayType, sliceType, ptrType, ptrType$1, ptrType$2, chanType, IsAvailable, NewDecoder;
 	general = $packages["github.com/supraio/client-daemon/pkg/decoder/general"];
 	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
 	frame = $packages["github.com/supraio/client-daemon/pkg/render/frame"];
@@ -193455,8 +193743,9 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/h264decoder"] = (functio
 	funcType = $funcType([], [], false);
 	arrayType = $arrayType(funcType, 0);
 	sliceType = $sliceType($emptyInterface);
-	ptrType = $ptrType(webgldriver.BufferImpl);
-	ptrType$1 = $ptrType(H264Decoder);
+	ptrType = $ptrType(frame.JSFrame);
+	ptrType$1 = $ptrType(webgldriver.BufferImpl);
+	ptrType$2 = $ptrType(H264Decoder);
 	chanType = $chanType($emptyInterface, false, false);
 	IsAvailable = function() {
 		return !$clone($clone(js.Global(), js.Value).Get("h264Decoder"), js.Value).IsUndefined();
@@ -193468,33 +193757,49 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/h264decoder"] = (functio
 		return [new H264Decoder.ptr($clone(decoder, js.Value), new $Chan($emptyInterface, 1)), $ifaceNil];
 	};
 	$pkg.NewDecoder = NewDecoder;
-	H264Decoder.ptr.prototype.Write = function(frame$1) {
-		var {$24r, _r, _r$1, _r$2, _r$3, frame$1, m, nal, nalBuffer, nalBufferOffset, pHeight, pPicture, pWidth, status, x, x$1, $s, $r, $c} = $restore(this, {frame$1});
+	H264Decoder.ptr.prototype.Write = function(someFrame) {
+		var {$24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _ref, currentFrame, currentFrame$1, m, nal, nalBuffer, nalBufferOffset, nalLength, pHeight, pPicture, pWidth, someFrame, status, x, x$1, x$2, x$3, $s, $r, $c} = $restore(this, {someFrame});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		m = this;
-		_r = frame$1.Buffer(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		nal = _r;
 		nalBufferOffset = $clone($clone(m.decoder, js.Value).Get("decBuffer"), js.Value);
-		_r$1 = $clone($clone($clone(m.decoder, js.Value).Get("memory"), js.Value).Get("HEAPU8"), js.Value).Call("subarray", new sliceType([new nalBufferOffset.constructor.elem(nalBufferOffset)])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		nalBuffer = $clone(_r$1, js.Value);
-		js.CopyBytesToJS($clone(nalBuffer, js.Value), nal);
+		_r = $clone($clone($clone(m.decoder, js.Value).Get("memory"), js.Value).Get("HEAPU8"), js.Value).Call("subarray", new sliceType([new nalBufferOffset.constructor.elem(nalBufferOffset)])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		nalBuffer = $clone(_r, js.Value);
+		nalLength = 0;
+		_ref = someFrame;
+		/* */ if ($assertType(_ref, ptrType, true)[1]) { $s = 2; continue; }
+		/* */ $s = 3; continue;
+		/* if ($assertType(_ref, ptrType, true)[1]) { */ case 2:
+			currentFrame = _ref.$val;
+			nalLength = currentFrame.ByteLength();
+			_r$1 = $clone($clone(js.Global(), js.Value).Get("Uint8Array"), js.Value).New(new sliceType([(x$1 = currentFrame.JSBuffer(), new x$1.constructor.elem(x$1))])); /* */ $s = 5; case 5: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+			_arg = (x = _r$1, new x.constructor.elem(x));
+			_r$2 = $clone(nalBuffer, js.Value).Call("set", new sliceType([_arg])); /* */ $s = 6; case 6: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			_r$2;
+			$s = 4; continue;
+		/* } else { */ case 3:
+			currentFrame$1 = _ref;
+			_r$3 = currentFrame$1.Buffer(); /* */ $s = 7; case 7: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			nal = _r$3;
+			nalLength = nal.$length;
+			js.CopyBytesToJS($clone(nalBuffer, js.Value), nal);
+		/* } */ case 4:
 		pPicture = $clone($clone(m.decoder, js.Value).Get("pPicture"), js.Value);
 		pWidth = $clone($clone(m.decoder, js.Value).Get("pWidth"), js.Value);
 		pHeight = $clone($clone(m.decoder, js.Value).Get("pHeight"), js.Value);
-		_r$2 = $clone($clone(m.decoder, js.Value).Get("asm"), js.Value).Call("decode", new sliceType([(x = $clone(m.decoder, js.Value).Get("pStorage"), new x.constructor.elem(x)), (x$1 = $clone(m.decoder, js.Value).Get("decBuffer"), new x$1.constructor.elem(x$1)), new $Int(nal.$length), new pPicture.constructor.elem(pPicture), new pWidth.constructor.elem(pWidth), new pHeight.constructor.elem(pHeight)])); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		status = $clone(_r$2, js.Value);
-		/* */ if (!(($clone(status, js.Value).Int() === 1))) { $s = 4; continue; }
-		/* */ $s = 5; continue;
-		/* if (!(($clone(status, js.Value).Int() === 1))) { */ case 4:
-			_r$3 = errs.Errorf("Decoding failed with status code %d", new sliceType([new $Int($clone(status, js.Value).Int())])); /* */ $s = 6; case 6: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			$24r = _r$3;
-			$s = 7; case 7: return $24r;
-		/* } */ case 5:
-		$r = $send(m.outputChan, $ifaceNil); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		_r$4 = $clone($clone(m.decoder, js.Value).Get("asm"), js.Value).Call("decode", new sliceType([(x$2 = $clone(m.decoder, js.Value).Get("pStorage"), new x$2.constructor.elem(x$2)), (x$3 = $clone(m.decoder, js.Value).Get("decBuffer"), new x$3.constructor.elem(x$3)), new $Int(nalLength), new pPicture.constructor.elem(pPicture), new pWidth.constructor.elem(pWidth), new pHeight.constructor.elem(pHeight)])); /* */ $s = 8; case 8: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+		status = $clone(_r$4, js.Value);
+		/* */ if (!(($clone(status, js.Value).Int() === 1))) { $s = 9; continue; }
+		/* */ $s = 10; continue;
+		/* if (!(($clone(status, js.Value).Int() === 1))) { */ case 9:
+			_r$5 = errs.Errorf("Decoding failed with status code %d", new sliceType([new $Int($clone(status, js.Value).Int())])); /* */ $s = 11; case 11: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			$24r = _r$5;
+			$s = 12; case 12: return $24r;
+		/* } */ case 10:
+		$r = $send(m.outputChan, $ifaceNil); /* */ $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: H264Decoder.ptr.prototype.Write, $c: true, $r, $24r, _r, _r$1, _r$2, _r$3, frame$1, m, nal, nalBuffer, nalBufferOffset, pHeight, pPicture, pWidth, status, x, x$1, $s};return $f;
+		/* */ } return; } var $f = {$blk: H264Decoder.ptr.prototype.Write, $c: true, $r, $24r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _ref, currentFrame, currentFrame$1, m, nal, nalBuffer, nalBufferOffset, nalLength, pHeight, pPicture, pWidth, someFrame, status, x, x$1, x$2, x$3, $s};return $f;
 	};
-	H264Decoder.prototype.Write = function(frame$1) { return this.$val.Write(frame$1); };
+	H264Decoder.prototype.Write = function(someFrame) { return this.$val.Write(someFrame); };
 	H264Decoder.ptr.prototype.NextOutput = function(outputBuffer) {
 		var {_q, _q$1, _q$2, _r, _r$1, _r$2, _r$3, cSize, cStride, height, heightIndex, m, outputBuffer, pHeight, pPicture, pWidth, pictureBuffer, pictureBufferOffset, pictureIndex, pictureLen, width, widthIndex, ySize, yStride, ycbcrImg, ycbcrJSImg, $s, $r, $c} = $restore(this, {outputBuffer});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
@@ -193517,7 +193822,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/h264decoder"] = (functio
 		cStride = (_q$1 = yStride / 2, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"));
 		ySize = $imul(yStride, height);
 		cSize = (_q$2 = ($imul(cStride, height)) / 2, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero"));
-		_r$2 = $assertType(outputBuffer, ptrType).YCbCrJS(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		_r$2 = $assertType(outputBuffer, ptrType$1).YCbCrJS(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
 		ycbcrJSImg = _r$2;
 		webgldriver.ArrayBufferSlice.copy(ycbcrJSImg.Y, new webgldriver.ArrayBufferSlice.ptr($clone(pictureBuffer, js.Value), 0, ySize));
 		webgldriver.ArrayBufferSlice.copy(ycbcrJSImg.Cb, new webgldriver.ArrayBufferSlice.ptr($clone(pictureBuffer, js.Value), ySize, ySize + cSize >> 0));
@@ -193540,7 +193845,7 @@ $packages["github.com/supraio/client-daemon/pkg/decoder/h264decoder"] = (functio
 		m = this;
 	};
 	H264Decoder.prototype.Release = function(outputBuffer) { return this.$val.Release(outputBuffer); };
-	ptrType$1.methods = [{prop: "Write", name: "Write", pkg: "", typ: $funcType([frame.FrameInterface], [$error], false)}, {prop: "NextOutput", name: "NextOutput", pkg: "", typ: $funcType([general.OutputBuffer], [$error], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([general.OutputBuffer], [], false)}];
+	ptrType$2.methods = [{prop: "Write", name: "Write", pkg: "", typ: $funcType([frame.FrameInterface], [$error], false)}, {prop: "NextOutput", name: "NextOutput", pkg: "", typ: $funcType([general.OutputBuffer], [$error], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([general.OutputBuffer], [], false)}];
 	H264Decoder.init("github.com/supraio/client-daemon/pkg/decoder/h264decoder", [{prop: "decoder", name: "decoder", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "outputChan", name: "outputChan", embedded: false, exported: false, typ: chanType, tag: ""}]);
 	$init = function() {
 		$pkg.$init = function() {};
@@ -194516,12 +194821,21 @@ $packages["github.com/supraio/client-daemon/pkg/stats"] = (function() {
 		s = this;
 		_r = s.stopwatch.Stop("frame_collection"); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 		dur = _r;
-		$r = s.metrics.AddSample("frame_collection", new sliceType$1([dur])); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = s.metrics.AddSample("frame_collection_long_term", new sliceType$1([dur])); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = s.NotifyFrameCollectionDuration(dur); /* */ $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: Stats.ptr.prototype.NotifyFrameCollectionEnded, $c: true, $r, _r, dur, s, $s};return $f;
 	};
 	Stats.prototype.NotifyFrameCollectionEnded = function() { return this.$val.NotifyFrameCollectionEnded(); };
+	Stats.ptr.prototype.NotifyFrameCollectionDuration = function(dur) {
+		var {dur, s, $s, $r, $c} = $restore(this, {dur});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		s = this;
+		$r = s.metrics.AddSample("frame_collection", new sliceType$1([dur])); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = s.metrics.AddSample("frame_collection_long_term", new sliceType$1([dur])); /* */ $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: Stats.ptr.prototype.NotifyFrameCollectionDuration, $c: true, $r, dur, s, $s};return $f;
+	};
+	Stats.prototype.NotifyFrameCollectionDuration = function(dur) { return this.$val.NotifyFrameCollectionDuration(dur); };
 	Stats.ptr.prototype.NotifyThrottledCollectionFrame = function() {
 		var s;
 		s = this;
@@ -194903,7 +195217,7 @@ $packages["github.com/supraio/client-daemon/pkg/stats"] = (function() {
 		return (new time.Duration(0, math.Sqrt(($flatten64($div64(sum, (new time.Duration(0, values.$length)), false))))));
 	};
 	ptrType$1.methods = [{prop: "Start", name: "Start", pkg: "", typ: $funcType([$String], [], false)}, {prop: "Stop", name: "Stop", pkg: "", typ: $funcType([$String], [time.Duration], false)}];
-	ptrType$5.methods = [{prop: "GetClientStats", name: "GetClientStats", pkg: "", typ: $funcType([], [ptrType$3], false)}, {prop: "SetLatency", name: "SetLatency", pkg: "", typ: $funcType([time.Duration], [], false)}, {prop: "UpdateServerTimestampAhead", name: "UpdateServerTimestampAhead", pkg: "", typ: $funcType([time.Duration], [], false)}, {prop: "SetScreenResolution", name: "SetScreenResolution", pkg: "", typ: $funcType([ptrType$4], [], false)}, {prop: "NotifyFrame", name: "NotifyFrame", pkg: "", typ: $funcType([Frame], [], false)}, {prop: "NotifyScreenPing", name: "NotifyScreenPing", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameCollectionStarted", name: "NotifyFrameCollectionStarted", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameCollectionEnded", name: "NotifyFrameCollectionEnded", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyThrottledCollectionFrame", name: "NotifyThrottledCollectionFrame", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameDecodeWriteStarted", name: "NotifyFrameDecodeWriteStarted", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameDecodeWriteEnded", name: "NotifyFrameDecodeWriteEnded", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameDecodeOutputStarted", name: "NotifyFrameDecodeOutputStarted", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameDecodeOutputEnded", name: "NotifyFrameDecodeOutputEnded", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyThrottledDecodeFrame", name: "NotifyThrottledDecodeFrame", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameRenderStarted", name: "NotifyFrameRenderStarted", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameRenderEnded", name: "NotifyFrameRenderEnded", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyThrottledRenderFrame", name: "NotifyThrottledRenderFrame", pkg: "", typ: $funcType([], [], false)}, {prop: "GetLastFrameAt", name: "GetLastFrameAt", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "GetLastScreenPingAt", name: "GetLastScreenPingAt", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "GetLastScreenImpulseAt", name: "GetLastScreenImpulseAt", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "GetFrameRate", name: "GetFrameRate", pkg: "", typ: $funcType([], [$Int], false)}, {prop: "startCalculations", name: "startCalculations", pkg: "github.com/supraio/client-daemon/pkg/stats", typ: $funcType([], [], false)}, {prop: "print", name: "print", pkg: "github.com/supraio/client-daemon/pkg/stats", typ: $funcType([], [], false)}, {prop: "GetServerTime", name: "GetServerTime", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "NotifyInteraction", name: "NotifyInteraction", pkg: "", typ: $funcType([], [], false)}, {prop: "GetInteractionWaitMultiplier", name: "GetInteractionWaitMultiplier", pkg: "", typ: $funcType([], [$Float64], false)}, {prop: "SetEncodingPreferences", name: "SetEncodingPreferences", pkg: "", typ: $funcType([EncodingPreferences], [], false)}];
+	ptrType$5.methods = [{prop: "GetClientStats", name: "GetClientStats", pkg: "", typ: $funcType([], [ptrType$3], false)}, {prop: "SetLatency", name: "SetLatency", pkg: "", typ: $funcType([time.Duration], [], false)}, {prop: "UpdateServerTimestampAhead", name: "UpdateServerTimestampAhead", pkg: "", typ: $funcType([time.Duration], [], false)}, {prop: "SetScreenResolution", name: "SetScreenResolution", pkg: "", typ: $funcType([ptrType$4], [], false)}, {prop: "NotifyFrame", name: "NotifyFrame", pkg: "", typ: $funcType([Frame], [], false)}, {prop: "NotifyScreenPing", name: "NotifyScreenPing", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameCollectionStarted", name: "NotifyFrameCollectionStarted", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameCollectionEnded", name: "NotifyFrameCollectionEnded", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameCollectionDuration", name: "NotifyFrameCollectionDuration", pkg: "", typ: $funcType([time.Duration], [], false)}, {prop: "NotifyThrottledCollectionFrame", name: "NotifyThrottledCollectionFrame", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameDecodeWriteStarted", name: "NotifyFrameDecodeWriteStarted", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameDecodeWriteEnded", name: "NotifyFrameDecodeWriteEnded", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameDecodeOutputStarted", name: "NotifyFrameDecodeOutputStarted", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameDecodeOutputEnded", name: "NotifyFrameDecodeOutputEnded", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyThrottledDecodeFrame", name: "NotifyThrottledDecodeFrame", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameRenderStarted", name: "NotifyFrameRenderStarted", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyFrameRenderEnded", name: "NotifyFrameRenderEnded", pkg: "", typ: $funcType([], [], false)}, {prop: "NotifyThrottledRenderFrame", name: "NotifyThrottledRenderFrame", pkg: "", typ: $funcType([], [], false)}, {prop: "GetLastFrameAt", name: "GetLastFrameAt", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "GetLastScreenPingAt", name: "GetLastScreenPingAt", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "GetLastScreenImpulseAt", name: "GetLastScreenImpulseAt", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "GetFrameRate", name: "GetFrameRate", pkg: "", typ: $funcType([], [$Int], false)}, {prop: "startCalculations", name: "startCalculations", pkg: "github.com/supraio/client-daemon/pkg/stats", typ: $funcType([], [], false)}, {prop: "print", name: "print", pkg: "github.com/supraio/client-daemon/pkg/stats", typ: $funcType([], [], false)}, {prop: "GetServerTime", name: "GetServerTime", pkg: "", typ: $funcType([], [time.Time], false)}, {prop: "NotifyInteraction", name: "NotifyInteraction", pkg: "", typ: $funcType([], [], false)}, {prop: "GetInteractionWaitMultiplier", name: "GetInteractionWaitMultiplier", pkg: "", typ: $funcType([], [$Float64], false)}, {prop: "SetEncodingPreferences", name: "SetEncodingPreferences", pkg: "", typ: $funcType([EncodingPreferences], [], false)}];
 	ptrType$2.methods = [{prop: "AddSample", name: "AddSample", pkg: "", typ: $funcType([$String, sliceType$1], [], true)}, {prop: "GetCount", name: "GetCount", pkg: "", typ: $funcType([$String], [$Int], false)}, {prop: "GetAverage", name: "GetAverage", pkg: "", typ: $funcType([$String], [time.Duration], false)}, {prop: "GetVariance", name: "GetVariance", pkg: "", typ: $funcType([$String], [time.Duration], false)}, {prop: "RemoveOldest", name: "RemoveOldest", pkg: "", typ: $funcType([$String, $Int], [], false)}, {prop: "Reset", name: "Reset", pkg: "", typ: $funcType([$String], [], false)}];
 	Stopwatch.init("github.com/supraio/client-daemon/pkg/stats", [{prop: "mutex", name: "mutex", embedded: false, exported: false, typ: sync.Mutex, tag: ""}, {prop: "groups", name: "groups", embedded: false, exported: false, typ: mapType, tag: ""}]);
 	Frame.init([{prop: "GetTimestamp", name: "GetTimestamp", pkg: "", typ: $funcType([], [time.Time], false)}]);
@@ -195339,7 +195653,7 @@ $packages["github.com/supraio/client-daemon/pkg/render/player"] = (function() {
 			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 			/* while (true) { */ case 1:
 				/* if (!(cl.started)) { break; } */ if(!(cl.started)) { $s = 2; continue; }
-				_r = cl.frameCollector.CollectFrame($methodVal(cl.stats, "NotifyFrameCollectionStarted"), $methodVal(cl.stats, "NotifyFrameCollectionEnded")); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+				_r = cl.frameCollector.CollectFrame($methodVal(cl.stats, "NotifyFrameCollectionStarted"), $methodVal(cl.stats, "NotifyFrameCollectionEnded"), $methodVal(cl.stats, "NotifyFrameCollectionDuration")); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 				_tuple = _r;
 				collectedFrame = _tuple[0];
 				err = _tuple[1];