2d:null 2e:["$","title",null,{"children":"QR Scanner | fiatjaf | Observable"}] 33:Tc49,function* qrScanner() { const d = 380; var scanner = html`

`; scanner.value = null; yield scanner; var selectedDeviceId; const startButton = document.getElementById('start'); const sources = document.getElementById('sources'); var video = document.getElementById('video'); const textarea = document.getElementById('textarea'); const pristineVideo = video.cloneNode(); textarea.oninput = () => { scanner.value = textarea.value; scanner.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; const codeReader = new ZXing.BrowserMultiFormatReader(); console.log('ZXing code reader initialized'); async function start() { console.log( `Started continous decode from camera with id ${selectedDeviceId}` ); startButton.parentNode.style.display = 'none'; try { let result = await codeReader.decodeOnceFromVideoDevice( selectedDeviceId, video ); console.log(result); scanner.value = result.text; textarea.value = result.text; scanner.dispatchEvent(new CustomEvent("input", { bubbles: true })); // reset to initial startButton.parentNode.style.display = 'block'; codeReader.stopStreams(); const container = video.parentNode; container.removeChild(video); video = pristineVideo.cloneNode(); container.appendChild(video); } catch (err) { console.error(err); scanner.value = null; scanner.dispatchEvent(new CustomEvent("input", { bubbles: true })); } } console.log('searching cameras'); codeReader .getVideoInputDevices() .then(videoInputDevices => { if (videoInputDevices.length === 0) { throw new Error('no cameras!'); } selectedDeviceId = videoInputDevices[0].deviceId; if (videoInputDevices.length > 1) { videoInputDevices.forEach(element => { var sourceOption = document.createElement('option'); sourceOption.text = element.label; sourceOption.value = element.deviceId; sources.appendChild(sourceOption); }); sources.onchange = () => { selectedDeviceId = sources.value; }; sources.parentNode.style.display = 'block'; } startButton.addEventListener('click', start); }) .catch(err => { var errorMessage = document.createElement('p'); errorMessage.innerHTML = 'QR Scanner: ' + err.message; video.style.display = 'none'; startButton.parentNode.style.display = 'none'; video.parentNode.appendChild(errorMessage); }); return scanner; }34:[] 31:{"id":"4370e1c305f9f396","slug":"qr-scanner","title":"QR Scanner","thumbnail":"533ba16d560e42efd32a8d429f1a0db103ea6ab35910861e7aa52ab594e86335","access_level":"public","create_time":"$D2020-05-13T13:04:25.410Z","update_time":"$D2020-05-13T20:46:22.060Z","view_time":null,"first_public_time":"$D2020-05-13T14:14:05.504Z","has_unpublished_edits":null,"fork":{"id":"3751755d7ea5ccbe","slug":"qr-scan","title":"QR Scan","owner":{"id":"74b6fd039a644cca","login":"khron","name":"Ideal Love"}},"stars":0,"starred":false,"owner":{"type":"team","id":"37ea626912910911","login":"fiatjaf","name":"fiatjaf","avatar_url":"https://avatars-next.observableusercontent.com/7bd6a7823c6a22755024847a7223ba84d2ee22cdb10558b5c488969868b7192d","tier":"starter_2024"},"version":124,"publish_version":124,"role":null,"authored":false,"authors":[{"type":"individual","id":"ae86c7125352288c","login":"fiatjaf","name":"fiatjaf","avatar_url":"https://avatars-next.observableusercontent.com/7bd6a7823c6a22755024847a7223ba84d2ee22cdb10558b5c488969868b7192d","tier":null}],"members":[{"type":"individual","id":"ae86c7125352288c","login":"fiatjaf","name":"fiatjaf","avatar_url":"https://avatars-next.observableusercontent.com/7bd6a7823c6a22755024847a7223ba84d2ee22cdb10558b5c488969868b7192d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"QR Scanner","cells":[{"id":0,"value":"md`# QR Scanner`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"qr","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"viewof qr = qrScanner()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"ZXing = require(\"https://unpkg.com/@zxing/library@latest\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"