Hola!
No me pregunten porqué, pero ha llegado un momento del día donde tengo que leer un código QR desde un navegador. Como obviamente no soy el primero ni el último en necesitar esto, la primera búsqueda en BING me lleva a una fabulosa librería JS: DWA012 / html5-qrcode.
Y a partir de aquí es más simple que nadie
1. Crear un proyecto ASP.Net WEB API (solo para probar)
2. Agregar el JS y la carga del mismo en BundleConfig.cs
3. Agregar el siguiente código en la página Index.cshtml
1: @{
2: ViewBag.Title = "Home Page";
3: }
4:
5: <div class="jumbotron">
6: </div>
7:
8: <div class="row">
9: <div class="col-md-12">
10: <h2>QR Code</h2>
11: <div id="reader" style="width:300px;height:250px">
12: </div>
13: <h6>Result</h6>
14: <span id="read" class="center"></span>
15: <br>
16: </div>
17: </div>
18:
19: @section scripts {
20: <!--Script references. -->
21: <script>
1:
2: $(document).ready(function () {
3: $('#reader').html5_qrcode(function (data) {
4: alert(data);
5: },
6: function (error) {
7: console.log(error);
8: }, function (videoError) {
9: console.log(videoError);
10: }
11: );
12: });
</script>
22: }
4. Ejecutar la app y listo!
Como siempre un video para que quede mejor
Y la descarga del código … pues ya lo armas tu 
Download: https://github.com/dwa012/html5-qrcode
Saludos @ La Finca
El Bruno
 |
 |
 |
El Bruno 
Leave a comment