packages/rrweb-player/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>Svelte app</title>

    <link rel="stylesheet" href="/global.css" />
    <script src="/events.js"></script>

    <script type="module" src="/src/main.ts"></script>
  </head>

  <body></body>
  <script type="module">
    import rrwebPlayer from '/src/main.ts';
    // eslint-disable-next-line
    const component = new rrwebPlayer({
      target: document.body,
      props: {
        events,
        skipInactive: true,
        showDebug: false,
        showWarning: false,
        autoPlay: true,
        mouseTail: {
          strokeStyle: 'yellow',
        },
      },
    });
    window.$c = component;
    component.addEventListener('finish', () => console.log('finish'));
    // component.addEventListener('ui-update-progress', console.log);
  </script>
</html>