Add Play, Pause, Stop, Destroy methods

[gregg-cbs]

As another issue mentions this reader once initialized does not stop, it causes a memory leak and high battery consumption on mobile.

controls.stop() seems to do nothing and there is no controls.play() to resume.

There is also no codeReader.stop() or .destroy() or .pause() or .play()

codeReader = new BrowserQRCodeReader(undefined, {
  delayBetweenScanAttempts: scanDelay
});

// this would be amazing
codeReader.stop()
codeReader.play()
codeReader.destroy()

as noted by others this does not work but even if it did there is no way to resume:

codeReader.decodeFromConstraints({ video: constraint }, videoRef, (result)=> {
  console.log(result?.getText())
})
.then((controls: IScannerControls) => {
  // does nothing
  controls.stop()
})

[benquan]

Same issue. Is there a solution or workaround?

[gregg-cbs]

I wrote this code that helped a lot. Grab bits from it that you need, especially from the scan() and destroy() . I didnt paste the complete code cause its a bit much.

Note:
videoRef is the html video element.
videoControl is saved from the qrcodereader to then use later on.

  function scan() {
    videoRef.play();
    isVideoRunning = true;
    qrCodeResult = "";

    codeReader
    .decodeFromConstraints({ video: constraint }, videoRef, (result)=> {
      if (result?.getText()) {
        qrCodeResult = result.getText();
      }
    })
    .then((controls: IScannerControls) => {
      videoControl = controls
    })
    .catch((error: Error) => {
      console.error('Error decoding QR Code:', error);
    });
  }

  function scanStop() {
    destroyScanner()
    if (qrCodeResult) {
      onCapture(qrCodeResult);
      qrCodeResult = '';
    }
  }

  function destroyScanner() {
    if (videoControl) {
      videoControl.stop();
    }
    BrowserQRCodeReader.cleanVideoSource(videoRef);
    BrowserQRCodeReader.releaseAllStreams();
    isVideoRunning = false;
  }