My assumptions would be that using .removeFrom( htmlElement ) or .stopScanning() would

Unable to deactivate the camera stream about jsqrscanner HOT 2 OPEN

jbialobr commented on May 26, 2024

Unable to deactivate the camera stream

from jsqrscanner.

Comments (2)

froger-me commented on May 26, 2024

I think you need to make sure the call to .removeFrom( htmlElement ) is done when .appendTo( htmlElement ) has finished executing, seems to happen async. Calling one right after the other and putting log calls in the browser support cache file like below shows the scanner is undefined. That was my issue.

function $stopWebcam(scanner){
  console.log(scanner);
  if (scanner.videoStream) {
    var stream = scanner.videoStream;
    stream.stop?stream.stop():stream.getTracks && stream.getTracks().forEach(function(track){
      track.stop();
    }
    );
    scanner.videoStream = null;
  }
}

from jsqrscanner.

abdulwahidgul24085 commented on May 26, 2024

This is how I am doing it with Jquery Attached to modal shown and hide

jb_scanner = '';
        //this function will be called when JsQRScanner is ready to use
        $('#qrcode').on('shown.bs.modal', function JsQRScannerReady() {
            //create a new scanner passing to it a callback function that will be invoked when
            //the scanner succesfully scan a QR code
            var jbScanner = new JsQRScanner(onQRCodeScanned);
            //var jbScanner = new JsQRScanner(onQRCodeScanned, provideVideo);
            //reduce the size of analyzed image to increase performance on mobile devices
            jbScanner.setSnapImageMaxSize(300);
            jbScanner.setScanInterval(300);
            var scannerParentElement = document.getElementById("scanner");
            if (scannerParentElement) {
                //append the jbScanner to an existing DOM element
                jbScanner.appendTo(scannerParentElement);
            }
            jb_scanner =  jbScanner;
        });

        $('#qrcode').on('hide.bs.modal', function() {
            if($('.qrPreviewVideo').length){
                $('.qrPreviewVideo').remove();
                var scannerParentElement = document.getElementById("scanner");
                if(scannerParentElement){
                    jb_scanner.removeFrom(scannerParentElement);
                    jb_scanner.stopScanning();
                }
            }
        })

from jsqrscanner.

Recommend Projects