Iframe Events Example

<!-- Basic event listener for all iframe events -->
<iframe
  src="https://example.com/embed/your-scenario-id"
  id="archie-embed"
  width="100%"
  height="400px"
  frameborder="0"
  allow="microphone"
></iframe>

<script>
  window.addEventListener('message', (event) => {
    // Optional: verify the origin for security
    // if (event.origin !== 'https://example.com') return;

    const data = event.data;

    if (data && data.event) {
      switch (data.event) {
        case 'onStart':
          console.log('Session started:', data);
          // Handle session start
          break;

        case 'onStop':
          console.log('Session stopped:', data);
          // Handle session end
          break;

        case 'onClick':
          console.log('Iframe clicked:', data);
          // Handle iframe click
          break;
      }
    }
  });
</script>