Instascan: Add bower as a packaging option

Created on 18 Jul 2016  ·  13Comments  ·  Source: schmich/instascan

Most helpful comment

while not ideal, this worked for me bower install --save https://github.com/schmich/instascan/releases/download/1.0.0/instascan.min.js . Will install to bower_components/instascan.min/index.js

All 13 comments

This would be super helpful!

Any reason why this needs to be on the 2.0.0 milestone? This is relatively easy to accomplish.

Is there any indication on when this is planned?

Hi.
I set up the code in order to use by default the smartphone back camera but it keeps mirroring the QR code. could you please tell me if I am doing anything wrong... ?
this is my script:

 <script type="text/javascript">
      let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
      scanner.addListener('scan', function (content) {
        console.log(content);
        $("#QRLink").text(content);
        $("#QRLink").attr("href",content);
      });
      let opts = {
        backgroundScan: false,
        mirror: false
      };

      Instascan.Camera.getCameras().then(function (cameras) {
        if (cameras.length > 0) {
          scanner.start(cameras[1]);
        } else {
          console.error('No cameras found.');
        }
      }).catch(function (e) {
        console.error(e);
      });
    </script>

I already tried mirror : false and mirror : true but none is working.

Thank in advance,

PS
The https://schmich.github.io/instascan/ camera does not work in Windows phone either,

It would be amazing to have bower support! :)

Is there a way to have a CND for binding it?

while not ideal, this worked for me bower install --save https://github.com/schmich/instascan/releases/download/1.0.0/instascan.min.js . Will install to bower_components/instascan.min/index.js

+1

Hello, how can I use it in my ionic 4 project ?
Thanks in advance

I am also trying to integrate into an Ionic project, but when I build I am getting an error in the zxing.js file:

Module not found: Error: can't resolve 'fs' in .../instascan/src.

Is anybody else seeing this error or found a way around it. Thanks.

Hi.
I set up the code in order to use by default the smartphone back camera but it keeps mirroring the QR code. could you please tell me if I am doing anything wrong... ?
this is my script:

 <script type="text/javascript">
      let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
      scanner.addListener('scan', function (content) {
        console.log(content);
        $("#QRLink").text(content);
        $("#QRLink").attr("href",content);
      });
      let opts = {
        backgroundScan: false,
        mirror: false
      };

      Instascan.Camera.getCameras().then(function (cameras) {
        if (cameras.length > 0) {
          scanner.start(cameras[1]);
        } else {
          console.error('No cameras found.');
        }
      }).catch(function (e) {
        console.error(e);
      });
    </script>

I already tried mirror : false and mirror : true but none is working.

Thank in advance,

PS
The https://schmich.github.io/instascan/ camera does not work in Windows phone either,

try this:

let opts = {
video: document.getElementById('preview'),
backgroundScan: false,
mirror: false
};
let scanner = new Instascan.Scanner(opts);

Module name "instascan" has not been loaded yet for context: _. Use require([])
error faced.

Where can I find the file instascan.min.js
I can't see it anywhere in the package

Was this page helpful?
0 / 5 - 0 ratings