Set Back camera as default in WebCam using jQuery in HTML

dloko477...

SOLVED CLOSED ACTIVE ANSWERED
User: dloko4778
Posted: on Mar 21, 2024 12:20 PM
Forum: jQuery and jQuery Plugins
Replies: 1
Views: 1187

Article: Switch between Front and Back camera in WebCam using jQuery in HTML

What if I only want to use the rear camera? I just place

/* Open the rear camera */
function CameraT() {
    Webcam.set({
        width: 320,
        height: 240,
        image_format: 'jpeg',
        jpeg_quality: 90,
        facingMode: "environment"
    });
    Webcam.attach('#my_camera');
    $("#btns-container").show();
    $(".col-md-8").show();
    $(".divsphotos").hide();
}

but it doesn't open the back, would you know how?

dharmend...

0 1

Reply
User: dharmendr
Replied: on Mar 21, 2024 12:24 PM
Modified: on Mar 21, 2024 12:24 PM
Report

Hi dloko4778,

You need to set using constraints property with object facingMode as environment.

Below is the modified code.

function CameraT() {
    Webcam.set({
        width: 320,
        height: 240,
        image_format: 'jpeg',
        jpeg_quality: 90,
        constraints: { facingMode: "environment" }
    });
    Webcam.attach('#my_camera');
    $("#btns-container").show();
    $(".col-md-8").show();
    $(".divsphotos").hide();
}

Set Back camera as default in WebCam using jQuery in HTML

Company

Explore

Follow us

Contact Us