4d:I[132969,["$2"],"IconMark"] 25:["$","title",null,{"children":"Draggable Audio Heads | Jacob Ritchie | Observable"}] 4c:[{"id":"1220c3e64076c0f50fda988bf3e41e1d760227347e91829ecba32d47daacf4db7bfada30058fd433557ab730594818b655f5a5dc4cf65291878917d393b9d2a8","href":"https://static.observableusercontent.com/files/1220c3e64076c0f50fda988bf3e41e1d760227347e91829ecba32d47daacf4db7bfada30058fd433557ab730594818b655f5a5dc4cf65291878917d393b9d2a8","name":"butt.png","type":"image/png","lastModified":1594938482649.898,"size":444178},{"id":"c9c05e83b6bf18a1d9a8ddacd60c8b5278fed493b20aea8e19f54958bf26dd3bfefa6e970b30f70dd3e20f0fc45ebf7a946d47842f78236cfbdb955eee5b1b3d","href":"https://static.observableusercontent.com/files/c9c05e83b6bf18a1d9a8ddacd60c8b5278fed493b20aea8e19f54958bf26dd3bfefa6e970b30f70dd3e20f0fc45ebf7a946d47842f78236cfbdb955eee5b1b3d","name":"oscar.png","type":"image/png","lastModified":1594938561830.685,"size":471272},{"id":"12aa97d6e76bcec79fd6f136a7fbc65722ea00d86abae2966b96c2969df9568f8083c9077a42d991e1548d25337b533f4659683bc25ed3477642dfe1ec1f6027","href":"https://static.observableusercontent.com/files/12aa97d6e76bcec79fd6f136a7fbc65722ea00d86abae2966b96c2969df9568f8083c9077a42d991e1548d25337b533f4659683bc25ed3477642dfe1ec1f6027","name":"oscar.mp3","type":"audio/mpeg","lastModified":1594943258053.627,"size":3059598},{"id":"7c71054e481b3aad3b5ea72b5bc573a8213a480332be353dd4f763e2367014c6d5a060c5837ae6108ac28ab6edc1bec90628cdc5800ce24068ca3e9001e6764b","href":"https://static.observableusercontent.com/files/7c71054e481b3aad3b5ea72b5bc573a8213a480332be353dd4f763e2367014c6d5a060c5837ae6108ac28ab6edc1bec90628cdc5800ce24068ca3e9001e6764b","name":"brent.mp3","type":"audio/mpeg","lastModified":1594943131969.78,"size":3942746}] 48:{"id":"4d3edbbbf27ebbc2","slug":"untitled","title":"Draggable Audio Heads","thumbnail":null,"access_level":"public","create_time":"$D2020-07-16T21:31:23.664Z","update_time":"$D2020-07-17T18:57:40.715Z","view_time":null,"first_public_time":"$D2020-07-16T23:25:39.541Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d5e404bcd9c0e3ce","login":"jritch","name":"Jacob Ritchie","avatar_url":"https://avatars-next.observableusercontent.com/cc9a01ea0b8139bd823eb34c2bd92861dadd005871add59849d9c018d6f16253","tier":"starter_2024","bio":"","following":false},"version":207,"publish_version":207,"role":null,"authored":false,"authors":[{"type":"individual","id":"02becc903fe8438d","login":"jritch","name":"Jacob Ritchie","avatar_url":"https://avatars-next.observableusercontent.com/cc9a01ea0b8139bd823eb34c2bd92861dadd005871add59849d9c018d6f16253","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"02becc903fe8438d","login":"jritch","name":"Jacob Ritchie","avatar_url":"https://avatars-next.observableusercontent.com/cc9a01ea0b8139bd823eb34c2bd92861dadd005871add59849d9c018d6f16253","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Draggable Audio Heads","cells":[{"id":201,"value":"md`# Draggable Audio Heads`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"vidya = html`

Drag Me!!!!!

Get closer to either Brent or Oscar to listen in on their conversation.

${await FileAttachment(\"butt.png\").image()}\n

\n${await FileAttachment(\"oscar.png\").image()}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"{\nvidya;\nvar video = document.getElementById('video');\n\nif(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {\n navigator.mediaDevices.getUserMedia({ video: true, audio: false }).then(function(stream) {\n video.srcObject = stream;\n video.play();\n });\n}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"audya = html`\n

\n\n

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"{\naudya;\ndocument.getElementById(\"oscar_noise\").play();\ndocument.getElementById(\"brent_noise\").play();\n\ndocument.getElementById(\"oscar_noise\").volume = 100 / 900;\ndocument.getElementById(\"brent_noise\").volume = (900 - 100) / 900;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"{\n vidya; audya;\n var video = document.getElementById('video');\n \n //https://stackoverflow.com/questions/38655964/how-to-remove-dragghost-image#\n document.addEventListener(\"dragstart\", function( event ) {\n var img = new Image();\n img.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';\n event.dataTransfer.setDragImage(img, 0, 0);\n }, false);\n \n \n var drag_handler = function(e) {\n e.preventDefault();\n if (e.clientX != 0) {\n e.target.style.left = e.clientX + \"px\";\n \n document.getElementById(\"oscar_noise\").volume = e.clientX / 900;\n document.getElementById(\"brent_noise\").volume = (900 - e.clientX) / 900;\n }\n \n \n }\n \n video.addEventListener(\"drag\", drag_handler);\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"my_css = html`\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 24:null 3d:[["$","title","0",{"children":"Draggable Audio Heads | Jacob Ritchie | Observable"}],["$","meta","1",{"property":"og:title","content":"Draggable Audio Heads"}],["$","meta","2",{"property":"og:description","content":"An Observable notebook by Jacob Ritchie"}],["$","meta","3",{"property":"og:url","content":"https://observablehq.com/@jritch/untitled"}],["$","meta","4",{"property":"og:site_name","content":"Observable"}],["$","meta","5",{"property":"og:type","content":"article"}],["$","meta","6",{"name":"twitter:card","content":"summary"}],["$","meta","7",{"name":"twitter:title","content":"Draggable Audio Heads"}],["$","meta","8",{"name":"twitter:description","content":"An Observable notebook by Jacob Ritchie"}],["$","link","9",{"rel":"icon","href":"/favicon.ico?favicon.2hqc0rwsy9zm6.ico","sizes":"96x96","type":"image/x-icon"}],["$","link","10",{"rel":"icon","href":"/icon.png?icon.1mhghqfpotdlb.png","sizes":"512x512","type":"image/png"}],["$","$L4d","11",{}]] 4b:null