Affects sdk

by morphcast

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MorphCast AI HTML5 SDK - Affects - DEV ENVIRONMENT</title>
    <meta name="mphtools-feature" content="compatibilityUI, cameraPrivacyPopup, compatibilityAutoCheck">
</head>
<body style="font-size:12px;">
Affects v1
<b><div id="affects"></div></b><br />
</body>
<script src="https://sdk.morphcast.com/mphtools/v1.0/mphtools.js"></script>
<script src="https://ai-sdk.morphcast.com/dev/ai-sdk.js"></script>
</html>

JavaScript

// Output events with results from the MorphCast SDK
// Complete code documentation, here: https://ai-sdk.morphcast.com/latest/index.html


window.addEventListener(CY.modules().FACE_AROUSAL_VALENCE.eventName, (evt) => {
  const {
    affects38,
    quadrant
  } = evt.detail.output; // raw is only for images

  document.querySelector("#affects").innerHTML =
    'Quadrant: ' + quadrant + '<br />' +
    'Affects: ' + JSON.stringify(affects38, undefined, "<br />");
});

const initSDK = new Promise((res) => {
  // MorphCast AI SDK snippet
  res(CY.loader()
    .addModule(CY.modules().FACE_DETECTOR.name/*, {
      multiFace: true
    }*/)
    .addModule(CY.modules().FACE_EMOTION.name/*, {
      smoothness: 0
    }*/) // only for images
    .addModule(CY.modules().FACE_AROUSAL_VALENCE.name/*, {
      smoothness: 0
    }*/) // only for images
    //.source(customSource)
    .load());
});

/*function onImageLoaded(el) {
  img.style.width = "";
  img.style.height = "";
  img.setAttribute("src", el.target.result);*/
  initSDK.then(({
    start,
    stop
  }) => {
    start();
  });
//}