{"id":2608,"date":"2023-03-01T22:57:04","date_gmt":"2023-03-01T22:57:04","guid":{"rendered":"https:\/\/turismobaterno.es\/?p=2608"},"modified":"2023-03-02T00:01:05","modified_gmt":"2023-03-02T00:01:05","slug":"qrscanner","status":"publish","type":"post","link":"https:\/\/turismobaterno.es\/?p=2608","title":{"rendered":"QR scanner"},"content":{"rendered":"<p><script src=\"<?php echo get_template_directory_uri(); ?>\/js\/qrcode-scanner.min.js\" onerror=\"alert('Error al cargar la biblioteca qrcode-scanner')\"><\/script><\/p>\n<p><script>\n\/\/ Obtener el bot\u00f3n para acceder al esc\u00e1ner de QR\nconst scanButton = document.getElementById(\"scan-button\");<\/p>\n<p>\/\/ Agregar un evento click al bot\u00f3n\nscanButton.addEventListener(\"click\", async () => {\n  try {\n    \/\/ Obtener permiso para acceder a la c\u00e1mara del usuario\n    const stream = await navigator.mediaDevices.getUserMedia({ video: true });<\/p>\n<p>    \/\/ Obtener el elemento de video en el que se mostrar\u00e1 la imagen de la c\u00e1mara\n    const videoElement = document.createElement(\"video\");<\/p>\n<p>    \/\/ Configurar el elemento de video para que muestre la imagen de la c\u00e1mara\n    videoElement.srcObject = stream;\n    videoElement.play();<\/p>\n<p>    \/\/ Agregar el elemento de video a la p\u00e1gina web\n    document.body.appendChild(videoElement);<\/p>\n<p>    \/\/ Crear un objeto de esc\u00e1ner de QR\n    const qrScanner = new window.qrcodeScanner(videoElement, result => {\n      \/\/ Aqu\u00ed puedes realizar la acci\u00f3n que desees con el resultado del escaneo del c\u00f3digo QR\n      console.log(result);\n    });<\/p>\n<p>    \/\/ Iniciar el esc\u00e1ner de QR\n    qrScanner.start();\n  } catch (error) {\n    \/\/ Si el usuario no ha permitido el acceso a la c\u00e1mara, mostrar un mensaje de error\n    console.error(error);\n  }\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2608","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"acf":[],"_links":{"self":[{"href":"https:\/\/turismobaterno.es\/index.php?rest_route=\/wp\/v2\/posts\/2608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turismobaterno.es\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/turismobaterno.es\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/turismobaterno.es\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/turismobaterno.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2608"}],"version-history":[{"count":9,"href":"https:\/\/turismobaterno.es\/index.php?rest_route=\/wp\/v2\/posts\/2608\/revisions"}],"predecessor-version":[{"id":2618,"href":"https:\/\/turismobaterno.es\/index.php?rest_route=\/wp\/v2\/posts\/2608\/revisions\/2618"}],"wp:attachment":[{"href":"https:\/\/turismobaterno.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/turismobaterno.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/turismobaterno.es\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}