Fixed Code for OnClickCaptureImage()

Replace your OnClickCaptureImage function with this safe version:

async OnClickCaptureImage() {

    // Safely get DOM elements

    var player = document.getElementById('player');

    var snapshot = document.getElementById('snapshot');

    var save_image = document.getElementById('save_image');

    var image = document.getElementById('image');

    var camera = document.getElementById('camera');

    var canvas = document.getElementById('snapshot');

    // Check if elements exist

    if (!player || !snapshot || !canvas || !save_image || !image) {

        this.notification.add(_lt("Camera or canvas element not found. Please check widget setup."), { type: "danger" });

        return;

    }

    // Now proceed safely

    var context = snapshot.getContext('2d');

    save_image.classList.remove('d-none');

    context.drawImage(player, 0, 0, 320, 240);

    image.value = context.canvas.toDataURL();

    canvas.classList.remove('d-none');

    this.url = context.canvas.toDataURL();

    console.log(context.canvas.toDataURL());

}

Hi,

This module is great indeed, specifically for a free module.

However, it only works with one image per form :-)

Would be nice if we could use more.

Good work anyway