samedi 10 septembre 2011

WebcamQRCode: Scannez les codes QR à partir de votre site web

WebcamQRCode est un plugin jQuery qui utilise la webcam de l'utilisateur pour scanner un code QR et de retourner le résultat au Javascript afin d'être traité.
Ce plugin a été développé à l'origine afin de scanner le code barre de produit et de remplir automatiquement les informations correspondantes sur le formulaire d'un intranet.

Ce plugin utilise Flash pour accéder à la WebCam.


Licence:
LGPL v3 pour le code Javascript
GPL pour le code ActionScript

Téléchargements:
v1.0.1


Exemple

<div style="width: 350px; height: 350px;" id="qrcodebox"></div>
<input type="button" value="Start" id="btn_start" /> 
<input type="button" value="Stop" id="btn_stop" />
<p>
Last QRCode value: <span id="qrcode_result">none</span>
</p>

<script>
(function($){
 $('document').ready(function(){
  $('#qrcodebox').WebcamQRCode({
   path: "lib/WebcamQRCode/",              // Plugin path
   onQRCodeDecode: function( p_data ){
     $('#qrcode_result').html( p_data );
   }
  });
  
  $('#btn_start').click(function(){
   $('#qrcodebox').WebcamQRCode().start();
  });
  
  $('#btn_stop').click(function(){
   $('#qrcodebox').WebcamQRCode().stop();
  });
 });
})(jQuery);
</script>

3 commentaires:

  1. Bonjour je viens de tomber sur votre code qui m'intéresse mais je n'arrive pas à le faire marcher.
    J'ai beau présenter à webcam tout un tas de QR Code rien ne fonctionne.
    Comment procédez-vous ? La qr code doit être parfaitement présenté dans les coins rouges ?

    aymeric.auberton@hotmail.fr

    RépondreSupprimer
  2. slt,

    après moultes tests, marche pas chez moi :(
    l'idée est pourtant excellente

    RépondreSupprimer
    Réponses
    1. Bonjour,

      Je viens de faire quelques tests et je suis en effet tombé sur quelques codes qui ne passent pas. Cependant, ça marche dans la majorité des cas.
      Pouvez-vous faire le test sur ces deux codes et me dire si ils sont lus correctement chez vous ?
      - http://en.wikipedia.org/wiki/QR_code
      - http://fr.wikipedia.org/wiki/Code_QR

      Pour infos :
      - lors de la lecture, le code est écrit après "Last QRCode value: "

      Merci !

      Supprimer