CODEWITHSUNDEEP
javascripthtmlwebcam
user1444393
user1444393

Reputation: 233

How to allow the access automatically to the webcam

I am trying to develop a web page that access to my webcam using the following JS code:

(function( $ ){

$.fn.html5_qrcode = function(qrcodeSuccess, qrcodeError, videoError) {
'use strict';

var height = this.height();
var width = this.width();

if (height == null) {
  height = 250;
}

if (width == null) {
  width = 300;
}

var vidTag = '<video id="html5_qrcode_video" width="' + width + 'px" height="' +   height   + 'px"></video>' 
var canvasTag = '<canvas id="qr-canvas" width="' + (width - 2) + 'px" height="' + (height - 2) + 'px" style="display:none;"></canvas>' 

this.append(vidTag);
this.append(canvasTag);



var video = $('#html5_qrcode_video').get(0);
var canvas;
var context; 
var localMediaStream;

$('#qr-canvas').each(function(index, element) {
  canvas = element;
  context = element.getContext('2d');   
});



var scan = function() {
  if (localMediaStream) {
    context.drawImage(video, 0, 0, 307,250);

    try {
      qrcode.decode();
    } catch(e) {
      qrcodeError(e);
    }

    setTimeout(scan, 500);

  } else {
    setTimeout(scan,500);
  }
}//end snapshot function

window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;
navigator.getUserMedia  = navigator.getUserMedia || navigator.webkitGetUserMedia ||      navigator.mozGetUserMedia || navigator.msGetUserMedia;

var successCallback = function(stream) {
    video.src = (window.URL && window.URL.createObjectURL(stream)) || stream;
    localMediaStream = stream;

    video.play();
    setTimeout(scan,1000);
}

// Call the getUserMedia method with our callback functions
if (navigator.getUserMedia) {
    navigator.getUserMedia({video: true}, successCallback, videoError);
} else {
    console.log('Native web camera streaming (getUserMedia) not supported in this  browser.');
    // Display a friendly "sorry" message to the user
}

qrcode.callback = qrcodeSuccess;

}; // end of html5_qrcode
})( jQuery );

I run my application and it works, but before that the cam is opened, I've got the access permission window, so I wander if there is any solution that allow me to open the webcam without ask.

Upvotes: 1

Views: 2782

Answers (1)

user924016
user924016

Reputation:

For obvious reasons you can not turn people webcams on and start recording without consent.

Locally you can open up for specific features without asking with some vendors like Chrome by setting up policies. I have added abit of links in the comments

Upvotes: 1

Related Questions