2b:null 2c:["$","title",null,{"children":"Webcam (demo of meemoo-elements) | Forrest O. | Observable"}] 31:[] 2f:{"id":"d70bcd9b1a23e66f","slug":"mm-webcam","title":"Webcam (demo of meemoo-elements)","thumbnail":"672632b8ea64ee04d2b3c75f0d1f0e0aed472a512030586f904b8f515ad201b1","access_level":"public","create_time":"$D2022-03-18T19:43:10.422Z","update_time":"$D2022-09-19T06:29:32.927Z","view_time":null,"first_public_time":"$D2022-03-23T21:27:40.793Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"f9abb147dc0e6dcd","login":"forresto","name":"Forrest O.","avatar_url":"https://avatars-next.observableusercontent.com/c22671040121cb9b9d22913e2eb0ffc4d65d3e535cda1133d6655f1d63b32e3f","tier":"starter_2024"},"version":191,"publish_version":191,"role":null,"authored":false,"authors":[{"type":"individual","id":"b16dd1586d4d1422","login":"forresto","name":"Forrest O.","avatar_url":"https://avatars-next.observableusercontent.com/c22671040121cb9b9d22913e2eb0ffc4d65d3e535cda1133d6655f1d63b32e3f","tier":null}],"members":[{"type":"individual","id":"b16dd1586d4d1422","login":"forresto","name":"Forrest O.","avatar_url":"https://avatars-next.observableusercontent.com/c22671040121cb9b9d22913e2eb0ffc4d65d3e535cda1133d6655f1d63b32e3f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Webcam (demo of meemoo-elements)","cells":[{"id":0,"value":"# Webcam (demo of meemoo-elements)\n(media custom elements, [source on Github](https://github.com/meemoo/meemoo-elements))\n\nSo far it's a quick way to get a webcam into a notebook. \n\nI'd like to figure out how to do more with a pattern to combine a library of media processing steps in a notebook. I'd like the pattern to work on other pages, but Observable is it's own language, so there will probably need to be an Observable-flavored version.\n\nThe thesis around connecting small media apps: https://meemoo.org","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":184,"value":"## Structure\n\n`` by itself does not render any controls. It exposes information about the kinds of signals / values that it can take.\n\nBy wrapping it in `` we can see the default UI for those signals and values.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3,"value":"webcam = html`\n\n \n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":"viewof cameraRoll = {\n const ui = html`