add model load exception handling

.eslintrc.json

@@ -158,6 +158,7 @@
     "dist",
     "demo/helpers/*.js",
     "demo/typescript/*.js",
-    "demo/faceid/*.js"
+    "demo/faceid/*.js",
+    "typedoc"
   ]
 }

CHANGELOG.md

@@ -9,7 +9,10 @@
   
 ## Changelog
   
-### **HEAD -> main** 2022/08/24 mandic00@live.com
+### **HEAD -> main** 2022/08/30 mandic00@live.com
+
+
+### **origin/main** 2022/08/28 mandic00@live.com
 
 - expand type safety
 - full eslint rule rewrite

README.md

@@ -350,7 +350,7 @@ For more info, see [**Configuration Details**](https://github.com/vladmandic/hum
 
 <br><hr><br>
 
-`Human` library is written in `TypeScript` [4.7](https://www.typescriptlang.org/docs/handbook/intro.html)  
+`Human` library is written in `TypeScript` [4.8](https://www.typescriptlang.org/docs/handbook/intro.html)  
 Conforming to latest `JavaScript` [ECMAScript version 2022](https://262.ecma-international.org/) standard  
 Build target is `JavaScript` [EMCAScript version 2018](https://262.ecma-international.org/11.0/)  
 

demo/typescript/index.js

@@ -4,109 +4,6 @@
   author: <https://github.com/vladmandic>'
 */
 
-
-// demo/typescript/index.ts
-import * as H from "../../dist/human.esm.js";
-var humanConfig = {
-  async: false,
-  modelBasePath: "../../models",
-  filter: { enabled: true, equalization: false, flip: false },
-  face: { enabled: true, detector: { rotation: false }, mesh: { enabled: true }, attention: { enabled: false }, iris: { enabled: true }, description: { enabled: true }, emotion: { enabled: true } },
-  body: { enabled: true },
-  hand: { enabled: true },
-  object: { enabled: false },
-  gesture: { enabled: true }
-};
-var human = new H.Human(humanConfig);
-human.env.perfadd = false;
-human.draw.options.font = 'small-caps 18px "Lato"';
-human.draw.options.lineHeight = 20;
-var dom = {
-  video: document.getElementById("video"),
-  canvas: document.getElementById("canvas"),
-  log: document.getElementById("log"),
-  fps: document.getElementById("status"),
-  perf: document.getElementById("performance")
-};
-var timestamp = { detect: 0, draw: 0, tensors: 0, start: 0 };
-var fps = { detectFPS: 0, drawFPS: 0, frames: 0, averageMs: 0 };
-var log = (...msg) => {
-  dom.log.innerText += msg.join(" ") + "\n";
-  console.log(...msg);
-};
-var status = (msg) => dom.fps.innerText = msg;
-var perf = (msg) => dom.perf.innerText = "tensors:" + human.tf.memory().numTensors.toString() + " | performance: " + JSON.stringify(msg).replace(/"|{|}/g, "").replace(/,/g, " | ");
-async function webCam() {
-  status("starting webcam...");
-  const options = { audio: false, video: { facingMode: "user", resizeMode: "none", width: { ideal: document.body.clientWidth }, height: { ideal: document.body.clientHeight } } };
-  const stream = await navigator.mediaDevices.getUserMedia(options);
-  const ready = new Promise((resolve) => {
-    dom.video.onloadeddata = () => resolve(true);
-  });
-  dom.video.srcObject = stream;
-  void dom.video.play();
-  await ready;
-  dom.canvas.width = dom.video.videoWidth;
-  dom.canvas.height = dom.video.videoHeight;
-  const track = stream.getVideoTracks()[0];
-  const capabilities = track.getCapabilities ? track.getCapabilities() : "";
-  const settings = track.getSettings ? track.getSettings() : "";
-  const constraints = track.getConstraints ? track.getConstraints() : "";
-  log("video:", dom.video.videoWidth, dom.video.videoHeight, track.label, { stream, track, settings, constraints, capabilities });
-  dom.canvas.onclick = () => {
-    if (dom.video.paused)
-      void dom.video.play();
-    else
-      dom.video.pause();
-  };
-}
-async function detectionLoop() {
-  if (!dom.video.paused) {
-    if (timestamp.start === 0)
-      timestamp.start = human.now();
-    await human.detect(dom.video);
-    const tensors = human.tf.memory().numTensors;
-    if (tensors - timestamp.tensors !== 0)
-      log("allocated tensors:", tensors - timestamp.tensors);
-    timestamp.tensors = tensors;
-    fps.detectFPS = Math.round(1e3 * 1e3 / (human.now() - timestamp.detect)) / 1e3;
-    fps.frames++;
-    fps.averageMs = Math.round(1e3 * (human.now() - timestamp.start) / fps.frames) / 1e3;
-    if (fps.frames % 100 === 0 && !dom.video.paused)
-      log("performance", { ...fps, tensors: timestamp.tensors });
-  }
-  timestamp.detect = human.now();
-  requestAnimationFrame(detectionLoop);
-}
-async function drawLoop() {
-  if (!dom.video.paused) {
-    const interpolated = human.next(human.result);
-    if (human.config.filter.flip)
-      human.draw.canvas(interpolated.canvas, dom.canvas);
-    else
-      human.draw.canvas(dom.video, dom.canvas);
-    await human.draw.all(dom.canvas, interpolated);
-    perf(interpolated.performance);
-  }
-  const now = human.now();
-  fps.drawFPS = Math.round(1e3 * 1e3 / (now - timestamp.draw)) / 1e3;
-  timestamp.draw = now;
-  status(dom.video.paused ? "paused" : `fps: ${fps.detectFPS.toFixed(1).padStart(5, " ")} detect | ${fps.drawFPS.toFixed(1).padStart(5, " ")} draw`);
-  setTimeout(drawLoop, 30);
-}
-async function main() {
-  log("human version:", human.version, "| tfjs version:", human.tf.version["tfjs-core"]);
-  log("platform:", human.env.platform, "| agent:", human.env.agent);
-  status("loading...");
-  await human.load();
-  log("backend:", human.tf.getBackend(), "| available:", human.env.backends);
-  log("models stats:", human.getModelStats());
-  log("models loaded:", Object.values(human.models).filter((model) => model !== null).length);
-  status("initializing...");
-  await human.warmup();
-  await webCam();
-  await detectionLoop();
-  await drawLoop();
-}
-window.onload = main;
+import*as c from"../../dist/human.esm.js";var w={async:!1,modelBasePath:"../../models",filter:{enabled:!0,equalization:!1,flip:!1},face:{enabled:!0,detector:{rotation:!1},mesh:{enabled:!0},attention:{enabled:!1},iris:{enabled:!0},description:{enabled:!0},emotion:{enabled:!0}},body:{enabled:!0},hand:{enabled:!0},object:{enabled:!1},gesture:{enabled:!0}},e=new c.Human(w);e.env.perfadd=!1;e.draw.options.font='small-caps 18px "Lato"';e.draw.options.lineHeight=20;var t={video:document.getElementById("video"),canvas:document.getElementById("canvas"),log:document.getElementById("log"),fps:document.getElementById("status"),perf:document.getElementById("performance")},n={detect:0,draw:0,tensors:0,start:0},o={detectFPS:0,drawFPS:0,frames:0,averageMs:0},i=(...a)=>{t.log.innerText+=a.join(" ")+`
+`,console.log(...a)},r=a=>t.fps.innerText=a,b=a=>t.perf.innerText="tensors:"+e.tf.memory().numTensors.toString()+" | performance: "+JSON.stringify(a).replace(/"|{|}/g,"").replace(/,/g," | ");async function h(){r("starting webcam...");let a={audio:!1,video:{facingMode:"user",resizeMode:"none",width:{ideal:document.body.clientWidth},height:{ideal:document.body.clientHeight}}},d=await navigator.mediaDevices.getUserMedia(a),f=new Promise(p=>{t.video.onloadeddata=()=>p(!0)});t.video.srcObject=d,t.video.play(),await f,t.canvas.width=t.video.videoWidth,t.canvas.height=t.video.videoHeight;let s=d.getVideoTracks()[0],v=s.getCapabilities?s.getCapabilities():"",g=s.getSettings?s.getSettings():"",u=s.getConstraints?s.getConstraints():"";i("video:",t.video.videoWidth,t.video.videoHeight,s.label,{stream:d,track:s,settings:g,constraints:u,capabilities:v}),t.canvas.onclick=()=>{t.video.paused?t.video.play():t.video.pause()}}async function l(){if(!t.video.paused){n.start===0&&(n.start=e.now()),await e.detect(t.video);let a=e.tf.memory().numTensors;a-n.tensors!==0&&i("allocated tensors:",a-n.tensors),n.tensors=a,o.detectFPS=Math.round(1e3*1e3/(e.now()-n.detect))/1e3,o.frames++,o.averageMs=Math.round(1e3*(e.now()-n.start)/o.frames)/1e3,o.frames%100===0&&!t.video.paused&&i("performance",{...o,tensors:n.tensors})}n.detect=e.now(),requestAnimationFrame(l)}async function m(){if(!t.video.paused){let d=e.next(e.result);e.config.filter.flip?e.draw.canvas(d.canvas,t.canvas):e.draw.canvas(t.video,t.canvas),await e.draw.all(t.canvas,d),b(d.performance)}let a=e.now();o.drawFPS=Math.round(1e3*1e3/(a-n.draw))/1e3,n.draw=a,r(t.video.paused?"paused":`fps: ${o.detectFPS.toFixed(1).padStart(5," ")} detect | ${o.drawFPS.toFixed(1).padStart(5," ")} draw`),setTimeout(m,30)}async function M(){i("human version:",e.version,"| tfjs version:",e.tf.version["tfjs-core"]),i("platform:",e.env.platform,"| agent:",e.env.agent),r("loading..."),await e.load(),i("backend:",e.tf.getBackend(),"| available:",e.env.backends),i("models stats:",e.getModelStats()),i("models loaded:",Object.values(e.models).filter(a=>a!==null).length),r("initializing..."),await e.warmup(),await h(),await l(),await m()}window.onload=M;
 //# sourceMappingURL=index.js.map