From 180964d05abc96805e7aea4fa78e9b05464a7e23 Mon Sep 17 00:00:00 2001
From: Scott Clark <sclark@atompower.com>
Date: Mon, 26 Jun 2023 11:48:52 -0400
Subject: [PATCH] allows the poster attribute of the html video tag to be
 bindable. This resolves the 404 noposter issue when using this library.

---
 .../src/lib/zxing-scanner.component.html              |  2 +-
 .../zxing-scanner/src/lib/zxing-scanner.component.ts  | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/projects/zxing-scanner/src/lib/zxing-scanner.component.html b/projects/zxing-scanner/src/lib/zxing-scanner.component.html
index 9644140..59d64a3 100644
--- a/projects/zxing-scanner/src/lib/zxing-scanner.component.html
+++ b/projects/zxing-scanner/src/lib/zxing-scanner.component.html
@@ -1,4 +1,4 @@
-<video #preview [style.object-fit]="previewFitMode" poster="noposter">
+<video #preview [style.object-fit]="previewFitMode" [poster]="poster">
   <p>
     Your browser does not support this feature, please try to upgrade it.
   </p>
diff --git a/projects/zxing-scanner/src/lib/zxing-scanner.component.ts b/projects/zxing-scanner/src/lib/zxing-scanner.component.ts
index 123c90d..b7e5ac5 100644
--- a/projects/zxing-scanner/src/lib/zxing-scanner.component.ts
+++ b/projects/zxing-scanner/src/lib/zxing-scanner.component.ts
@@ -122,6 +122,12 @@ export class ZXingScannerComponent implements OnInit, OnDestroy {
   @Input()
   previewFitMode: 'fill' | 'contain' | 'cover' | 'scale-down' | 'none' = 'cover';
 
+  /**
+   * Url of the HTML video poster
+   */
+  @Input()
+  poster: string = '';
+
   /**
    * Emits events when the torch compatibility is changed.
    */
@@ -757,7 +763,7 @@ export class ZXingScannerComponent implements OnInit, OnDestroy {
     if (!this._codeReader) {
       const options = {
         delayBetweenScanAttempts: this.timeBetweenScans,
-        delayBetweenScanSuccess: this.delayBetweenScanSuccess,
+        delayBetweenScanSuccess: this.delayBetweenScanSuccess
       };
       this._codeReader = new BrowserMultiFormatContinuousReader(this.hints, options);
     }
@@ -784,7 +790,8 @@ export class ZXingScannerComponent implements OnInit, OnDestroy {
 
     const next = (x: ResultAndError) => this._onDecodeResult(x.result, x.error);
     const error = (err: any) => this._onDecodeError(err);
-    const complete = () => { };
+    const complete = () => {
+    };
 
     this._scanSubscription = scanStream.subscribe(next, error, complete);