{"id":92,"date":"2024-10-26T22:25:43","date_gmt":"2024-10-26T22:25:43","guid":{"rendered":"https:\/\/m7lauhbiqx.onrocket.site\/?page_id=303"},"modified":"2024-10-26T22:25:43","modified_gmt":"2024-10-26T22:25:43","slug":"qr-scan","status":"publish","type":"page","link":"https:\/\/bnbzen.fr\/en\/qr-scan\/","title":{"rendered":"QR Scan"},"content":{"rendered":"<div class=\"ticket-verification-container\">\n\n            <div id=\"verification-result\" class=\"ticket-verification-result\">\n                            <\/div>\n            <div id=\"scanner-container\" style=\"display: none;\">\n                <video id=\"qr-video\" style=\"width: 100%; max-width: 500px;\"><\/video>\n                <canvas id=\"qr-canvas\" style=\"display: none;\"><\/canvas>\n            <\/div>\n            <a href=\"#\" class=\"qr-code-scan-btn\" id=\"start-scanner\">\n                <img decoding=\"async\" src=\"https:\/\/bnbzen.fr\/wp-content\/plugins\/listeo-core\/assets\/images\/listeo_qr.svg\" \/>\n                <span>Click to Open QR Code Scanner<\/span>\n            <\/a>\n\n            <div id=\"debug-info\" style=\"display:none; margin-top: 20px; padding: 10px; background-color: #f0f0f0;\"><\/div>\n        <\/div>\n\n        <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jsqr@1.3.1\/dist\/jsQR.min.js\"><\/script>\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const video = document.getElementById('qr-video');\n                const canvas = document.getElementById('qr-canvas');\n                const ctx = canvas.getContext('2d');\n                const startButton = document.getElementById('start-scanner');\n                const scannerContainer = document.getElementById('scanner-container');\n                const resultDiv = document.getElementById('verification-result');\n\n                const debugInfo = document.getElementById('debug-info');\n                let scanning = false;\n                let stream = null;\n\n                function log(message) {\n                    console.log(message);\n                    debugInfo.innerHTML += message + '<br>';\n                }\n\n                startButton.addEventListener('click', function() {\n                    if (scanning) {\n                        stopScanner();\n                    } else {\n                        startScanner();\n                    }\n                });\n\n                function startScanner() {\n                    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {\n                        log('Sorry, your browser doesn\\'t support accessing the camera.');\n                        return;\n                    }\n\n                    navigator.mediaDevices.getUserMedia({\n                            video: {\n                                facingMode: \"environment\"\n                            }\n                        })\n                        .then(function(mediaStream) {\n                            log('Camera access granted');\n                            scanning = true;\n                            stream = mediaStream;\n                            startButton.textContent = 'Stop Scanner';\n                            scannerContainer.style.display = 'block';\n                            video.srcObject = stream;\n                            video.setAttribute(\"playsinline\", true);\n                            video.play();\n                            requestAnimationFrame(tick);\n                        })\n                        .catch(function(err) {\n                            log('Error accessing the camera: ' + err.message);\n                        });\n                }\n\n                function stopScanner() {\n                    log('Stopping scanner');\n                    scanning = false;\n                    startButton.textContent = 'Start Scanner';\n                    scannerContainer.style.display = 'none';\n                    if (stream) {\n                        stream.getTracks().forEach(track => track.stop());\n                        stream = null;\n                    }\n                    video.srcObject = null;\n                }\n\n                function tick() {\n                    if (scanning) {\n                        if (video.readyState === video.HAVE_ENOUGH_DATA) {\n                            canvas.height = video.videoHeight;\n                            canvas.width = video.videoWidth;\n                            ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\n                            var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);\n                            var code = jsQR(imageData.data, imageData.width, imageData.height, {\n                                inversionAttempts: \"dontInvert\",\n                            });\n                            if (code) {\n                                log(\"Found QR code: \" + code.data);\n                                stopScanner();\n                                window.location.href = code.data; \/\/ Automatically redirect to the URL in the QR code\n                            }\n                        }\n                        requestAnimationFrame(tick);\n                    }\n                }\n\n                function verifyTicket(url) {\n                    const verifyParam = new URL(url).searchParams.get('verify');\n                    if (verifyParam) {\n                        log('Verifying ticket: ' + verifyParam);\n                        window.location.href = url; \/\/ Redirect to the verification URL\n                    } else {\n                        resultDiv.innerHTML = '<p>Invalid QR code. Please try again.<\/p>';\n                    }\n                }\n\n                window.addEventListener('unload', stopScanner);\n            });\n        <\/script>\n        \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-dashboard.php","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>QR Scan - Bnbzen<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bnbzen.fr\/en\/qr-scan\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"QR Scan - Bnbzen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bnbzen.fr\/en\/qr-scan\/\" \/>\n<meta property=\"og:site_name\" content=\"Bnbzen\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bnbzen.fr\/wp-content\/uploads\/2022\/11\/Logo-Bnbzen-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/en\\\/qr-scan\\\/\",\"url\":\"https:\\\/\\\/bnbzen.fr\\\/en\\\/qr-scan\\\/\",\"name\":\"QR Scan - Bnbzen\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/#website\"},\"datePublished\":\"2024-10-26T22:25:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/en\\\/qr-scan\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bnbzen.fr\\\/en\\\/qr-scan\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/en\\\/qr-scan\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/bnbzen.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"QR Scan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/#website\",\"url\":\"https:\\\/\\\/bnbzen.fr\\\/\",\"name\":\"Bnbzen\",\"description\":\"La 1\u00e8re plateforme de suites bien-\u00eatre, journ\u00e9e &amp; nuit\u00e9e.\",\"publisher\":{\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/#organization\"},\"alternateName\":\"Bnbzen\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bnbzen.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/#organization\",\"name\":\"Bnbzen\",\"url\":\"https:\\\/\\\/bnbzen.fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bnbzen.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/bnbzen-logo-organization-192x192.png\",\"contentUrl\":\"https:\\\/\\\/bnbzen.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/bnbzen-logo-organization-192x192.png\",\"width\":192,\"height\":192,\"caption\":\"Bnbzen\"},\"image\":{\"@id\":\"https:\\\/\\\/bnbzen.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"QR Scan - Bnbzen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bnbzen.fr\/en\/qr-scan\/","og_locale":"en_GB","og_type":"article","og_title":"QR Scan - Bnbzen","og_url":"https:\/\/bnbzen.fr\/en\/qr-scan\/","og_site_name":"Bnbzen","og_image":[{"width":1024,"height":1024,"url":"https:\/\/bnbzen.fr\/wp-content\/uploads\/2022\/11\/Logo-Bnbzen-.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bnbzen.fr\/en\/qr-scan\/","url":"https:\/\/bnbzen.fr\/en\/qr-scan\/","name":"QR Scan - Bnbzen","isPartOf":{"@id":"https:\/\/bnbzen.fr\/#website"},"datePublished":"2024-10-26T22:25:43+00:00","breadcrumb":{"@id":"https:\/\/bnbzen.fr\/en\/qr-scan\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bnbzen.fr\/en\/qr-scan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bnbzen.fr\/en\/qr-scan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/bnbzen.fr\/"},{"@type":"ListItem","position":2,"name":"QR Scan"}]},{"@type":"WebSite","@id":"https:\/\/bnbzen.fr\/#website","url":"https:\/\/bnbzen.fr\/","name":"Bnbzen","description":"La 1\u00e8re plateforme de suites bien-\u00eatre, journ\u00e9e &amp; nuit\u00e9e.","publisher":{"@id":"https:\/\/bnbzen.fr\/#organization"},"alternateName":"Bnbzen","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bnbzen.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/bnbzen.fr\/#organization","name":"Bnbzen","url":"https:\/\/bnbzen.fr\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/bnbzen.fr\/#\/schema\/logo\/image\/","url":"https:\/\/bnbzen.fr\/wp-content\/uploads\/2026\/04\/bnbzen-logo-organization-192x192.png","contentUrl":"https:\/\/bnbzen.fr\/wp-content\/uploads\/2026\/04\/bnbzen-logo-organization-192x192.png","width":192,"height":192,"caption":"Bnbzen"},"image":{"@id":"https:\/\/bnbzen.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/bnbzen.fr\/en\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bnbzen.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bnbzen.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bnbzen.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bnbzen.fr\/en\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":0,"href":"https:\/\/bnbzen.fr\/en\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"wp:attachment":[{"href":"https:\/\/bnbzen.fr\/en\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}