Add bower as a packaging option

[schmich]

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

[bjoberg]

This would be super helpful!

[bchr02]

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

[Elliffe]

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,

[mikealche]

It would be amazing to have bower support! :)

[ghost]

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

[princenaman]

+1

[LuisAlbertoPerezDeLaCruz]

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.

[AbduDevPre]

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

[ronakiihglobal]

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

[SmoothiniGitHub]

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.