{"id":38,"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:\/\/www.nirstay.com\/bn\/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:\/\/www.nirstay.com\/wp-content\/plugins\/listeo-core\/assets\/images\/listeo_qr.svg\" \/>\n                <span>\u0995\u09bf\u0989\u0986\u09b0 \u0995\u09cb\u09a1 \u09b8\u09cd\u0995\u09cd\u09af\u09be\u09a8\u09be\u09b0 \u0996\u09cb\u09b2\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09c1\u09a8<\/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><\/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":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nirstay.com\/bn\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nirstay.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nirstay.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nirstay.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nirstay.com\/bn\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":0,"href":"https:\/\/www.nirstay.com\/bn\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nirstay.com\/bn\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}