JSFiddle - React, Tailwind, and code Playground

by morphcast

HTML

<head>
  <meta name="mphtools-feature" content="cameraPrivacyPopup, compatibilityUI, compatibilityAutoCheck">
</head>
<body>
<script src="https://sdk.morphcast.com/mphtools/v1.1/mphtools.js"></script>
<script src="https://ai-sdk.morphcast.com/v1.16/ai-sdk.js"></script>
<script>
CY.loader()
  .licenseKey("9087cfd2037a28a79769fdcaa4962252379cd2e2fd0b")
  .addModule(CY.modules().FACE_EMOTION.name, {smoothness: 0.40})
  .load()
  .then(({ start, stop }) => start());

window.addEventListener(CY.modules().EVENT_BARRIER.eventName, (evt) => {
  console.log('EVENT_BARRIER result', evt.detail);
});

MphTools.CameraPrivacyPopup.setText({
  title: "Allow us to use your camera",
  description: "This experience is designed to be viewed with your camera on. The next screen will ask your consent to access data from your camera.",
  url: "https://YOUR_DOMAIN/<YOUR_PRIVACY_POLICY>",
});

</script>
</body>