Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

problems with drawImage method in firefox 50.0 on Android 4.4.2 (Lenovo B8080-H)

more options

Good day!

We have small project for get and view screenshots from camera, and after upgrading to 50.0 we have some problems:

1) How it works: User open web-application and give permissions to use camera. Next he can use camera to get a screenshot. If he do it he get image on screen.

2) Code // get user media if(navigator.mozGetUserMedia)

   {
       moz=true;
       navigator.mozGetUserMedia({video: {optional: [{sourceId: idcam}]}, audio: false}, success, error);
   }

';

// camera stream to view function success(stream) {

   v=document.getElementById("v");
   if(moz)
   {
       v.mozSrcObject = stream;
       v.play();
       console.log("Success in moz")
   }

}

// function to capture image from camera to canvas and insert it to $scope.getScreenshot = function(){

               var video = document.getElementById("v");
               var canvas = document.getElementById("qr-canvas");
               var gc = canvas.getContext("2d");
               gc.drawImage(video, 0, 0, canvas.width, canvas.height);
               $scope.outputImg = canvas.toDataURL();
           };

<canvas id="qr-canvas" style="width:100vw;height:100vh;position: fixed;display:none;"></canvas>

3) Problem: All work good in firefox 49 at all devices, and in firefox 50 at all devices except Lenovo B8080-H on Android 4.4.2. At this device we get green square instead screenshot. I think that something wrong in drawImage method on this device.

Also in browser i get warning that "navigator.mozGetUserMedia is change to navigator.mediaDevices.getUserMedia", but if I try to use navigator.mediaDevices.getUserMedia I don't get notification to allow permissions to camera

Good day! We have small project for get and view screenshots from camera, and after upgrading to 50.0 we have some problems: 1) How it works: User open web-application and give permissions to use camera. Next he can use camera to get a screenshot. If he do it he get image on screen. 2) Code // get user media if(navigator.mozGetUserMedia) { moz=true; navigator.mozGetUserMedia({video: {optional: [{sourceId: idcam}]}, audio: false}, success, error); } <!-- html5 tag with our video stream --> <video id="v" autoplay style="width:100vw;height:100vh;position: fixed;left:0px;bottom:0px;background-color: black;z-index:10"></video>'; // camera stream to view function success(stream) { v=document.getElementById("v"); if(moz) { v.mozSrcObject = stream; v.play(); console.log("Success in moz") } } // function to capture image from camera to canvas and insert it to <img> $scope.getScreenshot = function(){ var video = document.getElementById("v"); var canvas = document.getElementById("qr-canvas"); var gc = canvas.getContext("2d"); gc.drawImage(video, 0, 0, canvas.width, canvas.height); $scope.outputImg = canvas.toDataURL(); }; <canvas id="qr-canvas" style="width:100vw;height:100vh;position: fixed;display:none;"></canvas> <img ng-src="{{ outputImg }}" style="width:100vw;height:100vh;position: fixed;z-index:10;display: block;left: 0px;top:0px"> 3) Problem: All work good in firefox 49 at all devices, and in firefox 50 at all devices except Lenovo B8080-H on Android 4.4.2. At this device we get green square instead screenshot. I think that something wrong in drawImage method on this device. Also in browser i get warning that "navigator.mozGetUserMedia is change to navigator.mediaDevices.getUserMedia", but if I try to use navigator.mediaDevices.getUserMedia I don't get notification to allow permissions to camera

All Replies (1)

more options

moving the the Firefox for Android support queue