Update to v0.12.0

examples/file_input.html

@@ -35,6 +35,8 @@ showInMenu: false
                   <option value="upc_e">UPC-E</option>
                   <option value="codabar">Codabar</option>
                   <option value="i2of5">ITF</option>
+                  <option value="2of5">Standard 2 of 5</option>
+                  <option value="code_93">Code 93</option>
               </select>
           </label>
           <label>

examples/live_w_locator.html

@@ -29,6 +29,8 @@ showInMenu: false
                     <option value="upc_e">UPC-E</option>
                     <option value="codabar">Codabar</option>
                     <option value="i2of5">I2of5</option>
+                    <option value="2of5">Standard 2 of 5</option>
+                    <option value="code_93">Code 93</option>
                 </select>
             </label>
             <label>
@@ -71,6 +73,14 @@ showInMenu: false
                 <select name="input-stream_constraints" id="deviceSelection">
                 </select>
             </label>
+            <label style="display: none">
+                <span>Zoom</span>
+                <select name="settings_zoom"></select>
+            </label>
+            <label style="display: none">
+                <span>Torch</span>
+                <input type="checkbox" name="settings_torch" />
+            </label>
         </fieldset>
     </div>
     <div id="result_strip">
@@ -80,5 +90,6 @@ showInMenu: false
 </section>
 
 <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+<script src="//webrtc.github.io/adapter/adapter-latest.js" type="text/javascript"></script>
 <script src="js/quagga.min.js" type="text/javascript"></script>
 <script src="live_w_locator.js" type="text/javascript"></script>

examples/live_w_locator.js

@@ -7,9 +7,55 @@ $(function() {
                     return;
                 }
                 App.attachListeners();
+                App.checkCapabilities();
                 Quagga.start();
             });
         },
+        checkCapabilities: function() {
+            var track = Quagga.CameraAccess.getActiveTrack();
+            var capabilities = {};
+            if (typeof track.getCapabilities === 'function') {
+                capabilities = track.getCapabilities();
+            }
+            this.applySettingsVisibility('zoom', capabilities.zoom);
+            this.applySettingsVisibility('torch', capabilities.torch);
+        },
+        updateOptionsForMediaRange: function(node, range) {
+            console.log('updateOptionsForMediaRange', node, range);
+            var NUM_STEPS = 6;
+            var stepSize = (range.max - range.min) / NUM_STEPS;
+            var option;
+            var value;
+            while (node.firstChild) {
+                node.removeChild(node.firstChild);
+            }
+            for (var i = 0; i <= NUM_STEPS; i++) {
+                value = range.min + (stepSize * i);
+                option = document.createElement('option');
+                option.value = value;
+                option.innerHTML = value;
+                node.appendChild(option);
+            }
+        },
+        applySettingsVisibility: function(setting, capability) {
+            // depending on type of capability
+            if (typeof capability === 'boolean') {
+                var node = document.querySelector('input[name="settings_' + setting + '"]');
+                if (node) {
+                    node.parentNode.style.display = capability ? 'block' : 'none';
+                }
+                return;
+            }
+            if (window.MediaSettingsRange && capability instanceof window.MediaSettingsRange) {
+                var node = document.querySelector('select[name="settings_' + setting + '"]');
+                if (node) {
+                    this.updateOptionsForMediaRange(node, capability);
+                    node.parentNode.style.display = 'block';
+                }
+                return;
+            }
+            node.parentNode.style.display = 'none';
+        },
         initCameraSelection: function(){
             var streamLabel = Quagga.CameraAccess.getActiveStreamLabel();
 
@@ -76,6 +122,17 @@ $(function() {
             $(".controls").off("click", "button.stop");
             $(".controls .reader-config-group").off("change", "input, select");
         },
+        applySetting: function(setting, value) {
+            var track = Quagga.CameraAccess.getActiveTrack();
+            if (track && typeof track.getCapabilities === 'function') {
+                switch (setting) {
+                case 'zoom':
+                    return track.applyConstraints({advanced: [{zoom: parseFloat(value)}]});
+                case 'torch':
+                    return track.applyConstraints({advanced: [{torch: !!value}]});
+                }
+            }
+        },
         setState: function(path, value) {
             var self = this;
 
@@ -83,6 +140,10 @@ $(function() {
                 value = self._accessByPath(self.inputMapper, path)(value);
             }
 
+            if (path.startsWith('settings.')) {
+                var setting = path.substring(9);
+                return self.applySetting(setting, value);
+            }
             self._accessByPath(self.state, path, value);
 
             console.log(JSON.stringify(self.state));
@@ -141,7 +202,8 @@ $(function() {
                 patchSize: "medium",
                 halfSample: true
             },
-            numOfWorkers: 4,
+            numOfWorkers: 2,
+            frequency: 10,
             decoder: {
                 readers : [{
                     format: "code_128_reader",

examples/static_images.html

@@ -29,6 +29,8 @@ showInMenu: false
                 <option value="upc_e">UPC-E</option>
                 <option value="codabar">Codabar</option>
                 <option value="i2of5">I2of5</option>
+                <option value="2of5">Standard 2 of 5</option>
+                <option value="code_93">Code 93</option>
             </select>
         </fieldset>
     </div>