Camera Kit for web surface tracking

Hi @JacekC , thank you for your reply. Unfortunately it also doesn't work with the proposed lenses. Could you please have a look at my code? Maybe you can figure out where I'm going the wrong way.

`window.addEventListener("load", async () => {
try {
// The JSON_WEB_TOKEN can be found in the SnapKit Portal, where it's called the ApiToken.

    // Bootstrapping Camera Kit downloads the WebAssembly executable which contains the rendering engine.
    const cameraKit = await bootstrapCameraKit({ apiToken: TOKEN });

    // Creating the session initializes the rendering engine, and creates a CameraKitSession instance. The
    // CameraKitSession is used to interact with the rendering engine -- for example, setting an input video source
    // and applying Lenses.
    const session = await cameraKit.createSession();

    // When an error occurs, it means the current Lens could not be rendered. A real application will want to do
    // something more sophisticated here -- like asking the user to pick a different Lens, for example.
    session.events.addEventListener("error", (event) => console.error(event.detail));

    // We'll use the canvas-output element as a placeholder in our HTML, replacing it here with the <canvas> output
    // from CameraKitSession -- in particular, we're using the `live` output, which renders the Lens's Live
    // RenderTarget.
    //
    // (For more on RenderTargets, see [the LensStudio documentation](https://docs.snap.com/lens-studio/references/guides/lens-features/scene-set-up/camera#live-target-and-capture-target))
    document.getElementById("root")!.replaceWith(session.output.live);

    // We use the LensRepository to fetch a list of Lenses -- these are identified by a LensGroup ID. LensGroups
    // are configured in the Camera Kit Portal, where their IDs can be found.
    const { lenses } = await cameraKit.lensRepository.loadLensGroups([MY_GROUP]);

    console.log('lenses', lenses[0]);

    try {
      // The `source` here is a CameraKitSource, which can be created using a variety of helper methods
      // provided by Camera Kit. For example, to create a source from the device's camera, use the
      // `createUserMediaSource`.
      const mediaStream = await navigator.mediaDevices.getUserMedia({
        audio: false,
        // video: true,
        video: {
          facingMode: { exact: "environment" },
        },
      });
      const source = createMediaStreamSource(mediaStream);

      // const userMediaSource = await createUserMediaSource({video:{facingMode: 'back'}});
      // userMediaSource.setTransform(Transform2D.MirrorY)
      console.log('mediaSource', source)

      await session.setSource(source);
      // source.setTransform(Transform2D.MirrorX);

      session.applyLens(lenses[0]);
      session.play();
    } catch (err) {
      console.error(err)
    }

} catch (error: unknown) {
    console.error(error);
}`

Thank you