Function start

tfjs-tflite/demo/src/script.ts:30–66

()

    'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-tflite@0.0.1-alpha.8/dist/');

async function start() {
  // Load model runner with the cartoonizer tflite model.
  const start = Date.now();
  const tfliteModel = await tflite.loadTFLiteModel(
      'https://tfhub.dev/sayakpaul/lite-model/cartoongan/fp16/1',
  );
  ele('.loading-msg').innerHTML = `Loaded WASM module and <a href='${
      CARTOONIZER_LINK}' target='blank'>TFLite model</a> in ${
      Date.now() - start}ms`;
  eles('.trigger').forEach(ele => {
    ele.classList.add('show');
  });
  removeClass('.imgs-container', 'hide');

  // Setup cam.
  setupCam();

  // Setup the magic wand buttons. Click it will cartoonize the
  // corresponding picture.
  eles('.trigger').forEach(ele => {
    ele.addEventListener('click', (event) => {
      const trigger = event.target! as HTMLElement;
      trigger.classList.add('processing');
      trigger.innerHTML = 'Processing...';

      setTimeout(() => {
        handleClickTrigger(trigger, tfliteModel);
        trigger.classList.add('hide');
      });
    });
  });

  // Click cam's result picture to take another picture.
  ele('#cam-canvas').addEventListener('click', (event) => {
    handleClickTrigger(event.target as HTMLElement, tfliteModel);
  });
}

async function setupCam() {
  const constraints = {