Add bower as a packaging option

[Chris Schmich]

• Publish as a Bower package
• https://bower.io/docs/creating-packages/

[Brett Oberg]

This would be super helpful!

[Bill Christo]

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

[Rob]

Is there any indication on when this is planned?

[labregowski]

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,

[Mike Alche]

It would be amazing to have bower support! :)

[Deleted user]

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

[Virith]

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

[Naman Khator]

+1

[Luis Alberto Perez]

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

[iowagrade]

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.

[Abdullah]

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);

[Ronak Patel]

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

[Dvdben]

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

[Smoothini]

Hi could you perhaps upload a code with a start and stop button for the webcam? Unfortunately, to use only scanner.stop() in a new function does not work for me :-(

thanks a lot.