pwa

Keillion · Keillion · commit 5bb79b9fecba · 2020-05-07T10:05:06.000+08:00
diff --git a/example/web/pwa/README.md b/example/web/pwa/README.md
@@ -0,0 +1 @@
+quick run: https://dynamsoft.github.io/example/web/pwa/
diff --git a/example/web/pwa/img/dynamsoft-192x192.png b/example/web/pwa/img/dynamsoft-192x192.png
diff --git a/example/web/pwa/img/dynamsoft-512x512.png b/example/web/pwa/img/dynamsoft-512x512.png
diff --git a/example/web/pwa/index.html b/example/web/pwa/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="manifest" href="./manifest.json">
+</head>
+<body>
+
+    Choose image(s) to decode:
+    <input id="ipt-file" type="file" multiple accept="image/png,image/jpeg,image/bmp,image/gif">
+    <br><br>
+    <button id="btn-show-scanner">show scanner</button>
+
+<!-- Please visit https://www.dynamsoft.com/CustomerPortal/Portal/TrialLicense.aspx to get a trial license. -->
+<script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@7.3.0-v4/dist/dbr.js" data-productKeys="PRODUCT-KEYS"></script>
+
+<script>
+    // Dynamsoft.BarcodeReader._bUseFullFeature = true; // Control of loading min wasm or full wasm.
+
+    // reader for decoding picture
+    let reader = null;
+    // scanner for decoding video
+    let scanner = null;
+
+    // decode input picture
+    document.getElementById('ipt-file').addEventListener('change', async function(){
+        try{
+            reader = reader || await Dynamsoft.BarcodeReader.createInstance();
+            let resultsToAlert = [];
+            for(let i = 0; i < this.files.length; ++i){
+                let file = this.files[i];
+                resultsToAlert.push(i + '. ' + file.name + ":");
+                let results = await reader.decode(file);
+                console.log(results);
+                for(let result of results){
+                    resultsToAlert.push(result.barcodeText);
+                }
+            }
+            alert(resultsToAlert.join('\n'));
+        }catch(ex){
+            alert(ex.message);
+            throw ex;
+        }
+        this.value = '';
+    });
+
+    // decode video from camera
+    document.getElementById('btn-show-scanner').addEventListener('click', async () => {
+        try{
+            scanner = scanner || await Dynamsoft.BarcodeScanner.createInstance();
+            scanner.onFrameRead = results => {
+                if(results.length){
+                    console.log(results);
+                }
+            };
+            scanner.onUnduplicatedRead = (txt, result) => {
+                alert(result.barcodeFormatString + ': ' + txt);
+            };
+            await scanner.show();
+        }catch(ex){
+            alert(ex.message);
+            throw ex;
+        }
+    });
+    if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.register('./service-worker.js');
+    }
+</script>
+</body>
+</html>
diff --git a/example/web/pwa/manifest.json b/example/web/pwa/manifest.json
@@ -0,0 +1,18 @@
+{
+    "name": "dynamsoft bacode js pwa basic",
+    "short_name": "bacode js",
+    "start_url": "./",
+    "scope": ".",
+    "display": "standalone",
+    "theme_color": "#ffffff",
+    "background_color":"#ffffff",
+    "icons": [{
+        "src": "img/dynamsoft-512x512.png",
+        "sizes": "512x512",
+        "type": "image/png"
+    },{
+        "src": "img/dynamsoft-192x192.png",
+        "sizes": "192x192",
+        "type": "image/png"
+    }]
+}
diff --git a/example/web/pwa/service-worker.js b/example/web/pwa/service-worker.js
@@ -0,0 +1,8 @@
+self.addEventListener('fetch', event => {
+ 
+    // abandon non-GET requests
+    if (event.request.method !== 'GET') return;
+ 
+    // do nothing now
+    return;
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+quick run: https://dynamsoft.github.io/example/web/pwa/`