32:[] 30:{"title":"Mashup of Image Distortion with Perlin noise and Webcam capture notebook techniques","cells":[{"id":0,"value":"md`# Mashup of [Image Distortion with Perlin noise](https://observablehq.com/@kerryrodden/image-distortion-with-perlin-noise) and [Webcam capture](https://observablehq.com/@esperanc/webcam-capture) notebook techniques`","pinned":false,"hidden":false,"mode":"ojs"},{"id":646,"value":"\n{ \n const anchor = \n 'navigator.mediaDevices.getUserMedia is';\n const compatible = \n anchor + (!!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) ? '' : 'not') + ' supported';\n return html`${compatible}` \n }\n\n\n \n","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"md`## Instructions:\n* Enable [Webcam](https://www.kirupa.com/html5/accessing_your_webcam_in_html5.htm)\n* Take [photo](https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Taking_still_photos)\n* Apply [Perlin distortions](https://en.wikipedia.org/wiki/Perlin_noise)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":678,"value":"viewof enableWebcam = {\n const check = checkbox({\n options: [\n { value: 'on', label: 'Enable webcam' }\n ]\n });\n check.value = false;\n return check;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":694,"value":"//\n//mutable video =\n//html`