Error: This browser does not support MP4 video recording, please try again in Chrome.

[Yiork]

While working on a feature involving video recording, I've run into an error message that appears in the console: "Error: This browser does not support MP4 video recording, please try again in Chrome." This issue has brought my progress to a halt, and I'm a bit puzzled about how to move forward. Im currently using this library https://github.com/amandaghassaei/canvas-capture with a simple html canvas.

const saveVideo = useCallback(() => {
    CanvasCapture.beginVideoRecord({
      format: CanvasCapture.MP4, // Same issue with WEBM version
      name: generateVibrantTag(),
      fps: 60,
      onExport: async (blob, filename) => {
        const uint8ArrayData = new Uint8Array(await blob.arrayBuffer());
        await writeBinaryFile(`${filename}.png`, uint8ArrayData, {
          dir: BaseDirectory.Desktop,
        });
      },
    });
    CanvasCapture.recordFrame();

    setTimeout(() => {
      CanvasCapture.stopRecord().catch((err) => {
        console.error(err);
      });
    }, 3000);
  }, []);

Tauri Version: 1.5
Operating System: MacOs

Thanks in advance for any help or guidance you can provide.

[Yiork]

Finally i found a solution using a custom encoding tools on rust side