diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js index e9d814f2c9cc02858a2467e7504ab6c929b901e0..642fef718bad6bedd103348a5d89267efbab56a0 100644 --- a/packages/qr-code-scanner/src/qr-code-scanner.js +++ b/packages/qr-code-scanner/src/qr-code-scanner.js @@ -86,7 +86,6 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) { this.clipMask = false; this._devices = new Map(); - this._frameRequestID = null; } static get scopedElements() { @@ -193,15 +192,13 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) { video.play(); that.videoRunning = true; qrContainer.scrollIntoView({ behavior: 'smooth', block: 'start' }); - that._frameRequestID = requestAnimationFrame(tick); + requestAnimationFrame(tick); }).catch((e) => { console.log(e); that.askPermission = true;}); let lastVideoTime = -1; let lastCode = null; function tick() { - that._frameRequestID = null; - if (that.sourceChanged) { video.srcObject.getTracks().forEach(function(track) { track.stop(); @@ -343,7 +340,7 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) { qrContainer.scrollIntoView({ behavior: 'smooth', block: 'start' }); scroll = true; } - that._frameRequestID = requestAnimationFrame(tick); + requestAnimationFrame(tick); } } @@ -362,11 +359,6 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) { * */ stopScanning() { - if (this._frameRequestID !== null) { - cancelAnimationFrame(this._frameRequestID); - this._frameRequestID = null; - } - this.askPermission = false; this.videoRunning = false; }