diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9c298066..c97f64ee 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@
   
 ### **HEAD -> main** 2021/09/15 mandic00@live.com
 
+- add simple webcam and webrtc demo
 - added visual results browser to demo
 - reorganize tfjs bundle
 - experimental custom tfjs bundle - disabled
diff --git a/test/build.log b/test/build.log
index d5c2ab3a..d836b8b0 100644
--- a/test/build.log
+++ b/test/build.log
@@ -17477,3 +17477,27 @@
 2021-09-15 18:57:22 STATE: Lint: {"locations":["*.json","src/**/*.ts","test/**/*.js","demo/**/*.js"],"files":83,"errors":0,"warnings":0} 
 2021-09-15 18:57:23 STATE: ChangeLog: {"repository":"https://github.com/vladmandic/human","branch":"main","output":"CHANGELOG.md"} 
 2021-09-15 18:57:23 INFO:  Done... 
+2021-09-15 18:59:42 INFO:  @vladmandic/human version 2.2.0 
+2021-09-15 18:59:42 INFO:  User: vlado Platform: linux Arch: x64 Node: v16.5.0 
+2021-09-15 18:59:42 INFO:  Application: {"name":"@vladmandic/human","version":"2.2.0"} 
+2021-09-15 18:59:42 INFO:  Environment: {"profile":"production","config":"build.json","tsconfig":true,"eslintrc":true,"git":true} 
+2021-09-15 18:59:42 INFO:  Toolchain: {"build":"0.4.1","esbuild":"0.12.28","typescript":"4.4.3","typedoc":"0.21.9","eslint":"7.32.0"} 
+2021-09-15 18:59:42 INFO:  Build: {"profile":"production","steps":["clean","compile","typings","typedoc","lint","changelog"]} 
+2021-09-15 18:59:42 STATE: Clean: {"locations":["dist/*","types/*","typedoc/*"]} 
+2021-09-15 18:59:42 STATE: Compile: {"name":"tfjs/nodejs/cpu","format":"cjs","platform":"node","input":"tfjs/tf-node.ts","output":"dist/tfjs.esm.js","files":1,"inputBytes":102,"outputBytes":1416} 
+2021-09-15 18:59:42 STATE: Compile: {"name":"human/nodejs/cpu","format":"cjs","platform":"node","input":"src/human.ts","output":"dist/human.node.js","files":50,"inputBytes":476228,"outputBytes":404632} 
+2021-09-15 18:59:42 STATE: Compile: {"name":"tfjs/nodejs/gpu","format":"cjs","platform":"node","input":"tfjs/tf-node-gpu.ts","output":"dist/tfjs.esm.js","files":1,"inputBytes":110,"outputBytes":1424} 
+2021-09-15 18:59:43 STATE: Compile: {"name":"human/nodejs/gpu","format":"cjs","platform":"node","input":"src/human.ts","output":"dist/human.node-gpu.js","files":50,"inputBytes":476236,"outputBytes":404636} 
+2021-09-15 18:59:43 STATE: Compile: {"name":"tfjs/nodejs/wasm","format":"cjs","platform":"node","input":"tfjs/tf-node-wasm.ts","output":"dist/tfjs.esm.js","files":1,"inputBytes":149,"outputBytes":1491} 
+2021-09-15 18:59:43 STATE: Compile: {"name":"human/nodejs/wasm","format":"cjs","platform":"node","input":"src/human.ts","output":"dist/human.node-wasm.js","files":50,"inputBytes":476303,"outputBytes":404708} 
+2021-09-15 18:59:43 STATE: Compile: {"name":"tfjs/browser/version","format":"esm","platform":"browser","input":"tfjs/tf-version.ts","output":"dist/tfjs.version.js","files":1,"inputBytes":1063,"outputBytes":1631} 
+2021-09-15 18:59:43 STATE: Compile: {"name":"tfjs/browser/esm/nobundle","format":"esm","platform":"browser","input":"tfjs/tf-browser.ts","output":"dist/tfjs.esm.js","files":2,"inputBytes":3088,"outputBytes":793} 
+2021-09-15 18:59:43 STATE: Compile: {"name":"human/browser/esm/nobundle","format":"esm","platform":"browser","input":"src/human.ts","output":"dist/human.esm-nobundle.js","files":50,"inputBytes":475605,"outputBytes":405887} 
+2021-09-15 18:59:43 STATE: Compile: {"name":"tfjs/browser/esm/bundle","format":"esm","platform":"browser","input":"tfjs/tf-browser.ts","output":"dist/tfjs.esm.js","files":8,"inputBytes":3088,"outputBytes":2376809} 
+2021-09-15 18:59:44 STATE: Compile: {"name":"human/browser/iife/bundle","format":"iife","platform":"browser","input":"src/human.ts","output":"dist/human.js","files":50,"inputBytes":2851621,"outputBytes":1407073} 
+2021-09-15 18:59:44 STATE: Compile: {"name":"human/browser/esm/bundle","format":"esm","platform":"browser","input":"src/human.ts","output":"dist/human.esm.js","files":50,"inputBytes":2851621,"outputBytes":2609826} 
+2021-09-15 18:59:59 STATE: Typings: {"input":"src/human.ts","output":"types","files":94} 
+2021-09-15 19:00:05 STATE: TypeDoc: {"input":"src/human.ts","output":"typedoc","objects":29,"index":true} 
+2021-09-15 19:00:32 STATE: Lint: {"locations":["*.json","src/**/*.ts","test/**/*.js","demo/**/*.js"],"files":83,"errors":0,"warnings":0} 
+2021-09-15 19:00:32 STATE: ChangeLog: {"repository":"https://github.com/vladmandic/human","branch":"main","output":"CHANGELOG.md"} 
+2021-09-15 19:00:32 INFO:  Done... 
diff --git a/typedoc/interfaces/DrawOptions.html b/typedoc/interfaces/DrawOptions.html
index 0c9030ee..af4d2898 100644
--- a/typedoc/interfaces/DrawOptions.html
+++ b/typedoc/interfaces/DrawOptions.html
@@ -132,7 +132,7 @@
 					<div class="tsd-signature tsd-kind-icon">buffered<wbr>Output<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:46</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L46">draw.ts:46</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -142,7 +142,7 @@
 					<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:30</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L30">draw.ts:30</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -152,7 +152,7 @@
 					<div class="tsd-signature tsd-kind-icon">draw<wbr>Boxes<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:40</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L40">draw.ts:40</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -162,7 +162,7 @@
 					<div class="tsd-signature tsd-kind-icon">draw<wbr>Gaze<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:42</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L42">draw.ts:42</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -172,7 +172,7 @@
 					<div class="tsd-signature tsd-kind-icon">draw<wbr>Labels<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:39</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L39">draw.ts:39</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -182,7 +182,7 @@
 					<div class="tsd-signature tsd-kind-icon">draw<wbr>Points<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:38</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L38">draw.ts:38</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -192,7 +192,7 @@
 					<div class="tsd-signature tsd-kind-icon">draw<wbr>Polygons<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:41</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L41">draw.ts:41</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -202,7 +202,7 @@
 					<div class="tsd-signature tsd-kind-icon">fill<wbr>Polygons<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:43</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L43">draw.ts:43</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -212,7 +212,7 @@
 					<div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:33</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L33">draw.ts:33</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -222,7 +222,7 @@
 					<div class="tsd-signature tsd-kind-icon">label<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:31</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L31">draw.ts:31</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -232,7 +232,7 @@
 					<div class="tsd-signature tsd-kind-icon">line<wbr>Height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:34</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L34">draw.ts:34</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -242,7 +242,7 @@
 					<div class="tsd-signature tsd-kind-icon">line<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:35</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L35">draw.ts:35</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -252,7 +252,7 @@
 					<div class="tsd-signature tsd-kind-icon">point<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:36</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L36">draw.ts:36</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -262,7 +262,7 @@
 					<div class="tsd-signature tsd-kind-icon">round<wbr>Rect<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:37</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L37">draw.ts:37</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -272,7 +272,7 @@
 					<div class="tsd-signature tsd-kind-icon">shadow<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:32</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L32">draw.ts:32</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -282,7 +282,7 @@
 					<div class="tsd-signature tsd-kind-icon">use<wbr>Curves<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:45</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L45">draw.ts:45</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -292,7 +292,7 @@
 					<div class="tsd-signature tsd-kind-icon">use<wbr>Depth<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in draw.ts:44</li>
+							<li>Defined in <a href="https://github.com/vladmandic/human/blob/main/src/draw.ts#L44">draw.ts:44</a></li>
 						</ul>
 					</aside>
 				</section>