29:null 2a:["$","title",null,{"children":"Object tracking in mediaStream | Andy Smy | Observable"}] 2f:T703,function record(canvas, audioTrack, time) { var recordedChunks = []; //const blobSlice: BlobPart[] = []; return new Promise(function (res, rej) { var stream = canvas.captureStream(25 /*fps*/); stream.addTrack(audioTrack); let mediaRecorder = new MediaRecorder(stream, { mimeType:"video/webm;codecs=h264" //"video/webm;codecs=vp9" "video/webm;codecs=h264""video/webm; codecs=vp9" }); /*const options = { videoBitsPerSecond: 500_000, mimeType: 'video/mp4;codecs="avc1.42C01E"' } let mediaRecorder = new webm2mp4.TransboxingMediaRecorder(stream, options); */ //ondataavailable will fire in interval of `time || 4000 ms` mediaRecorder.start(time || 4000); mediaRecorder.ondataavailable = function (event) { recordedChunks.push(event.data); // after stop `dataavilable` event run one more time if (mediaRecorder.state === 'recording') { mediaRecorder.stop(); /*console.log('As Stop'); const blob = new Blob(recordedChunks, {type: "video/mp4" }); var url = URL.createObjectURL(blob); res(url); document.getElementById("downloadLink").setAttribute('href', url); */ } } mediaRecorder.onstop = function (event) { //console.log('onstop'); //const blob = fwmd.fixWebmDuration(new Blob([...recordedChunks], {type: "video/webm" })); const blob = new Blob(recordedChunks, {type: "video/mp4" }); //console.log(blob); var url = URL.createObjectURL(blob); res(url); document.getElementById("downloadLink").setAttribute('href', url); } }) }30:T5d0,function drawVideo() { var c = document.getElementById("canvas"); var ctx = c.getContext("2d"); //c.width = 360; //vid.videoWidth; //c.height = vid.videoHeight * (360/vid.videoWidth); ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height); ctx.drawImage(vid, 0, 0, ctx.canvas.width, ctx.canvas.height); let trackerTask = window.tracking.track('#canvas', colors); // Font options. var font = "16px sans-serif"; ctx.font = font; ctx.textBaseline = "top"; /*predictions.forEach(function (prediction) { var x = prediction.bbox[0]; var y = prediction.bbox[1]; var width = prediction.bbox[2]; var height = prediction.bbox[3]; // Draw the bounding box. ctx.strokeStyle = "#ffFFFF"; ctx.lineWidth = 1; ctx.strokeRect(x, y, width, height); // Draw the label background. ctx.fillStyle = "#000000"; var textWidth = ctx.measureText(prediction.class + ' ' + Math.floor(prediction.score * 100) + '%').width; var textHeight = parseInt(font, 10); // base 10 //ctx.fillRect(x, y, textWidth + 4, textHeight + 4); }); predictions.forEach(function (prediction) { var x = prediction.bbox[0]; var y = prediction.bbox[1]; // Draw the text last to ensure it's on top. ctx.fillStyle = "#ffffff"; ctx.fillText(prediction.class + ' ' + Math.floor(prediction.score * 100) + '%', x + 3, y + 3); });*/ } 31:T6ed,videoLimits = { var widths = [0, 640], heights = [0, 480], brightness = [50, 50], colorTemperature = [0, 0], contrast = [50, 50], saturation = [50, 50], sharpness = [50, 50], resizeModes = [], exposureMode = [], whiteBalanceMode = []; if (videoCapabilities) { if (videoCapabilities.width) widths = [videoCapabilities.width.min, videoCapabilities.width.max]; if (videoCapabilities.height) heights = [videoCapabilities.height.min, videoCapabilities.height.max]; if (videoCapabilities.whiteBalanceMode) { if (videoCapabilities.exposureMode) exposureMode = videoCapabilities.exposureMode; console.log(videoCapabilities.brightness); if (videoCapabilities.brightness) brightness = [videoCapabilities.brightness.min, videoCapabilities.brightness.max]; if (videoCapabilities.contrast) contrast = [videoCapabilities.contrast.min, videoCapabilities.contrast.max]; if (videoCapabilities.saturation) saturation = [videoCapabilities.saturation.min, videoCapabilities.saturation.max]; if (videoCapabilities.sharpness) sharpness = [videoCapabilities.sharpness.min, videoCapabilities.sharpness.max]; if (videoCapabilities.resizeMode) resizeModes = videoCapabilities.resizeMode; whiteBalanceMode = videoCapabilities.whiteBalanceMode; if (videoCapabilities.colorTemperature) colorTemperature = [videoCapabilities.colorTemperature.min, videoCapabilities.colorTemperature.max]; } } return { widths: widths, heights: heights, brightness: brightness, contrast: contrast, colorTemperature: colorTemperature, saturation: saturation, sharpness: sharpness, exposureMode: exposureMode, whiteBalanceMode: whiteBalanceMode, resizeModes: resizeModes } }32:T72e,eventsTrack = colors.on('track', function(event) { if(recording) { var context = document.getElementById("canvas").getContext("2d"); //context.scale(canvasScale.x, canvasScale.y); context.globalCompositeOperation = "source-over" ; event.data.forEach(function(rect) { if( rect.height > (context.canvas.height/6)) { context.beginPath(); context.fillStyle = "#00000033"; context.strokeStyle = "#00000033"; context.lineWidth = "12"; const pad = 0; context.moveTo(rect.x - pad, rect.y + (rect.height/2)); // Create a starting point. const maxRadius = (pad/2) +(rect.height/2 + rect.width/2)/2; context.arcTo(rect.x -pad, rect.y -pad, rect.x + (rect.width/2), rect.y -pad, maxRadius); // Create an arc NW context.arcTo(rect.x + rect.width +pad, rect.y -pad, rect.x + rect.width +pad, rect.y + (rect.height/2), maxRadius); // Create an arc NE context.arcTo(rect.x + rect.width +pad, rect.y + rect.height +pad, rect.x + (rect.width/2), rect.y + rect.height +pad, maxRadius); // Create an arc SE context.arcTo(rect.x - pad, rect.y + rect.height +pad, rect.x -pad, rect.y + (rect.height/2), maxRadius); // Create an arc SW context.lineTo(rect.x - pad, rect.y + (rect.height/2)); // Create a closing point. //context.fill(); //context.stroke(); } }); context.globalCompositeOperation = "lighten"; //context.clearRect(0, 0, canvas.width, canvas.height); event.data.forEach(function(rect) { // if(recording) { if( rect.height > (context.canvas.height/6)) context.drawImage(spectrogram, rect.x +(rect.width/2) - (rect.height/6), rect.y +(rect.height/2) - (rect.width * 1), rect.height/3, rect.width * 2);//rect.height/3, rect.width * 2);- (rect.width * 1.75) // } }); //context.scale(1, 1); } }); 33:T48a,frequencyBins = { if (!recording) { //yield null; return; } let audioCtx = new (window.AudioContext || window.webkitAudioContext)(); let an = audioCtx.createAnalyser(); an.fftSize = frequencyBinCount * 32; // just take the low frequencies //an.smoothingTimeConstant = 0.6; if(!isFileVid) { // Turn on the microphone. let mic = await navigator.mediaDevices.getUserMedia({ audio: {deviceId: audioSelect ? {exact: audioSelect} : undefined}, video: false }); // When this cell is invalidated, turn off the microphone so we stop recording. // (The recording indicator in the tab should disappear.) //invalidation.then(function () { // mic.getTracks()[0].stop(); // }); let micNode = audioCtx.createMediaStreamSource(mic); micNode.connect(an); } else { let vidNode = audioCtx.createMediaElementSource(vid); vidNode.connect(an); an.connect(audioCtx.destination); } invalidation.then(() => audioCtx.close()); // Return new frequency data once per animation frame. let bins = new Float32Array(frequencyBinCount); while(true) { an.getFloatFrequencyData(bins); yield bins; } }34:[{"id":"908637b46cf84cdcbd964cc222152a7fc8c1b36a526a1a0fd9feb35cbc74c2c675850b4c87eb400789505d0061b6f78211fbab635fdb24fa8cc86314dea19e09","href":"https://static.observableusercontent.com/files/908637b46cf84cdcbd964cc222152a7fc8c1b36a526a1a0fd9feb35cbc74c2c675850b4c87eb400789505d0061b6f78211fbab635fdb24fa8cc86314dea19e09","name":"psmove.png","type":"image/jpeg","lastModified":1721340557472.26,"size":41340},{"id":"190b08bc145ba98452e3839091288513098943dc12e17b2967eec42d9a0e6b59af257f2815f5dffc3b91fd0169b6d96844f4f02b8f37071703716a22da173d80","href":"https://static.observableusercontent.com/files/190b08bc145ba98452e3839091288513098943dc12e17b2967eec42d9a0e6b59af257f2815f5dffc3b91fd0169b6d96844f4f02b8f37071703716a22da173d80","name":"2024-07-20 11h 13m 39s~2.mp4","type":"video/mp4","lastModified":1721472081585.942,"size":32517547},{"id":"e3c324fe91d48e3e618447cc931de1372b439327f10507b6e12e458c96e2913f14effb4952beb2358c24ad8e486cd262e7fa7ab151eb68151ec3a07dc0fd8e12","href":"https://static.observableusercontent.com/files/e3c324fe91d48e3e618447cc931de1372b439327f10507b6e12e458c96e2913f14effb4952beb2358c24ad8e486cd262e7fa7ab151eb68151ec3a07dc0fd8e12","name":"2024-07-20 10h 39m 22s~2.mp4","type":"video/mp4","lastModified":1721474592957.603,"size":42916826},{"id":"c05ba0d9abd9411c827245c2f046fb878505506e0903977f61e0266e99103777e1d14267de14efec293aa06bafcd30b7a22f81c9e075af62fef32a2d40765542","href":"https://static.observableusercontent.com/files/c05ba0d9abd9411c827245c2f046fb878505506e0903977f61e0266e99103777e1d14267de14efec293aa06bafcd30b7a22f81c9e075af62fef32a2d40765542","name":"2024-07-20 17h 03m 32s~6.mp4","type":"video/mp4","lastModified":1721500814693.71,"size":45815164},{"id":"ba203fe00fae3c1cbb86fa88f0723dd4004b033a7f7e9fe24498f8d98cae6a854a929327c0ef61f436ab491bfb558f7c8e259a217a44fd1e969db46df87181a4","href":"https://static.observableusercontent.com/files/ba203fe00fae3c1cbb86fa88f0723dd4004b033a7f7e9fe24498f8d98cae6a854a929327c0ef61f436ab491bfb558f7c8e259a217a44fd1e969db46df87181a4","name":"2024-08-06 18h 56m 10s~6.mp4","type":"video/mp4","lastModified":1722983247163.206,"size":48141598},{"id":"bbb110157f3f2ee15d09324085b8f64e3d99e509e8664f07700de24668964a529146fc356e5f163b89637f5b86e108056ba9c79bf77b6d293857a3767b2a6fb0","href":"https://static.observableusercontent.com/files/bbb110157f3f2ee15d09324085b8f64e3d99e509e8664f07700de24668964a529146fc356e5f163b89637f5b86e108056ba9c79bf77b6d293857a3767b2a6fb0","name":"2024-08-06 18h 46m 08s~3.mp4","type":"video/mp4","lastModified":1723048427510.342,"size":40381413},{"id":"1383b9c164f7ac582d4d171dca4d4b9db61adb3362913dffcc273410fdbd3f066df16544120321dae33fed787dcf2e247611b8092c5f7807147340442ef118c2","href":"https://static.observableusercontent.com/files/1383b9c164f7ac582d4d171dca4d4b9db61adb3362913dffcc273410fdbd3f066df16544120321dae33fed787dcf2e247611b8092c5f7807147340442ef118c2","name":"2024-08-06 20h 12m 42s~3.mp4","type":"video/mp4","lastModified":1723149452588.896,"size":22035218},{"id":"7504fd6128c4374392ff74024c513e2283b39bab0f03d232d0af2dfc8aa95dc0672158cf50af3cad32fa008d4a5ff762bb2c3b4fb288129ef8efedb4bfbe7af6","href":"https://static.observableusercontent.com/files/7504fd6128c4374392ff74024c513e2283b39bab0f03d232d0af2dfc8aa95dc0672158cf50af3cad32fa008d4a5ff762bb2c3b4fb288129ef8efedb4bfbe7af6","name":"2024-08-06 19h 46m 05s~3.mp4","type":"video/mp4","lastModified":1723150542650.568,"size":26947862},{"id":"a87d17264b1e9f5e5fb297d70a73000fd2d95b49eae045de222dd0ba7143ff1ca3752809f86b0c8b8cacbad4fa8fc98c807f3c4e0457ad67cda8d850b82b2897","href":"https://static.observableusercontent.com/files/a87d17264b1e9f5e5fb297d70a73000fd2d95b49eae045de222dd0ba7143ff1ca3752809f86b0c8b8cacbad4fa8fc98c807f3c4e0457ad67cda8d850b82b2897","name":"2024-08-06 19h 46m 05s~4.mp4","type":"video/mp4","lastModified":1723150811451.661,"size":47330528},{"id":"4a4b1837ebc20fd21bba70619cc7f045103e4797a40be21392a00af19ab31813e99d09921bb450c2307f1b3957df443d642f91eb6a65e6ee5d1dbe2eb0969a57","href":"https://static.observableusercontent.com/files/4a4b1837ebc20fd21bba70619cc7f045103e4797a40be21392a00af19ab31813e99d09921bb450c2307f1b3957df443d642f91eb6a65e6ee5d1dbe2eb0969a57","name":"2024-08-06 19h 42m 43s~3.mp4","type":"video/mp4","lastModified":1723151894767.966,"size":29234046},{"id":"71a6df7f18d085c27084d8dc2619cb48643605222c72b494037f27aa9cccf6e93dff8d874f184e8ad1fab44b7ed38ce48070f760c74d5e2610c19603b4cb1d0e","href":"https://static.observableusercontent.com/files/71a6df7f18d085c27084d8dc2619cb48643605222c72b494037f27aa9cccf6e93dff8d874f184e8ad1fab44b7ed38ce48070f760c74d5e2610c19603b4cb1d0e","name":"2024-08-06 19h 27m 40s~4.mp4","type":"video/mp4","lastModified":1723152630155.064,"size":47812359},{"id":"a8433b204c195fe67f8fe61fed889910e0322301466a4270c1bbb46d9ea69bcc022631c32f7c8e45d6f2e45704256353fe3df1acb8fe2a482b85e3972944f42b","href":"https://static.observableusercontent.com/files/a8433b204c195fe67f8fe61fed889910e0322301466a4270c1bbb46d9ea69bcc022631c32f7c8e45d6f2e45704256353fe3df1acb8fe2a482b85e3972944f42b","name":"2024-08-06 19h 11m 21s~3.mp4","type":"video/mp4","lastModified":1723153263364.939,"size":45031519},{"id":"8d55c64e79598d5418ddce8f4f5c8edb363a5cf94f2a6e69bf592a4450bf718041b6e37174ea0529994d8e087b2e5787de72084367aaa80962b15b3f679bdeea","href":"https://static.observableusercontent.com/files/8d55c64e79598d5418ddce8f4f5c8edb363a5cf94f2a6e69bf592a4450bf718041b6e37174ea0529994d8e087b2e5787de72084367aaa80962b15b3f679bdeea","name":"2024-08-06 19h 27m 40s~5.mp4","type":"video/mp4","lastModified":1723153731647.995,"size":48943785},{"id":"a1d5aa9842a355caf4eaa03df25cb7c30a19ccc74bc6660468ba2b7d73925af6c3301b4f3b97bd3ee28ceed6e545bbe1d3386f04727b9a7f3b144f3355960cd6","href":"https://static.observableusercontent.com/files/a1d5aa9842a355caf4eaa03df25cb7c30a19ccc74bc6660468ba2b7d73925af6c3301b4f3b97bd3ee28ceed6e545bbe1d3386f04727b9a7f3b144f3355960cd6","name":"2024-08-06 19h 05m 55s~3.mp4","type":"video/mp4","lastModified":1723154167917.837,"size":18782101},{"id":"8792eca5cfe38006ffd8d1f79f4520ccc16c81890a303cb7e21e05904530850c959f8204697bb3be05b305352d6e267d35cb4be973171ce49b33ba9eafd9a107","href":"https://static.observableusercontent.com/files/8792eca5cfe38006ffd8d1f79f4520ccc16c81890a303cb7e21e05904530850c959f8204697bb3be05b305352d6e267d35cb4be973171ce49b33ba9eafd9a107","name":"2024-08-06 19h 00m 53s~5.mp4","type":"video/mp4","lastModified":1723155020743.637,"size":48907882},{"id":"ed4d63e0dccc8181f9e04e927546118155a3179577c6eaa793600dee47f0c6a464b8a20f938036175cc9e93985430005ff51ffedf83b543ad9e70baf09a7498e","href":"https://static.observableusercontent.com/files/ed4d63e0dccc8181f9e04e927546118155a3179577c6eaa793600dee47f0c6a464b8a20f938036175cc9e93985430005ff51ffedf83b543ad9e70baf09a7498e","name":"2024-08-06 19h 00m 53s~6.mp4","type":"video/mp4","lastModified":1723155485158.212,"size":49502118}] 2d:{"id":"58a4adcf61392a80","slug":null,"title":"Object tracking in mediaStream","thumbnail":"5f56e5877968006f03bbb2a19a6a2521d05dcf3e53e46d9b96de3c7c1dc1a4af","access_level":"public","create_time":"$D2024-07-16T22:22:09.715Z","update_time":"$D2024-08-08T22:21:44.325Z","view_time":null,"first_public_time":"$D2024-07-16T22:22:09.715Z","fork":{"id":"1c2433ee9c7c0df9","slug":"stream-from-audio-and-video-inputs-with-webcam-selection","title":"MediaStream from audio and video inputs with webcam selection","owner":{"id":"8009a012d73ccc24","login":"andysmee","name":"Andy Smy"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8009a012d73ccc24","login":"andysmee","name":"Andy Smy","avatar_url":"https://avatars-next.observableusercontent.com/b97842f8f180a0a1c3373eb40effd86beb9906c1075f408f2613dedd5115da1c","tier":"starter_2024"},"version":1217,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8af36cf1436b1198","login":"andysmee","name":"Andy Smy","avatar_url":"https://avatars-next.observableusercontent.com/b97842f8f180a0a1c3373eb40effd86beb9906c1075f408f2613dedd5115da1c","tier":null}],"members":[{"type":"team","id":"8009a012d73ccc24","login":"andysmee","name":"Andy Smy","avatar_url":"https://avatars-next.observableusercontent.com/b97842f8f180a0a1c3373eb40effd86beb9906c1075f408f2613dedd5115da1c","tier":"starter_2024","role":"editor"},{"type":"individual","id":"8af36cf1436b1198","login":"andysmee","name":"Andy Smy","avatar_url":"https://avatars-next.observableusercontent.com/b97842f8f180a0a1c3373eb40effd86beb9906c1075f408f2613dedd5115da1c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Object tracking in mediaStream","cells":[{"id":0,"value":"# Object tracking in mediaStream","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":599,"value":"## Sources","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"viewof audioSelect = Inputs.select(new Map(audioDevices), {label: \"Audio Source:\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"viewof videoSelect = Inputs.select(new Map(videoDevices), {label: \"Video Source:\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"viewof videoDimensions = Inputs.form({\n resizeMode: Inputs.select(videoLimits.resizeModes, {label: \"Resize mode\"}),\n width: Inputs.range(videoLimits.widths, {step: 1, value: 1200, label: \"Width\"}),\n //height: Inputs.range(videoLimits.heights, {step: 1, value: 240, label: \"Height\"})\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":817,"value":"viewof isFileVid = Inputs.toggle({label: \"From file\", value: false})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"vid = { \n if(!isFileVid) {\n videoSettings;\n const vid = html`

`;\n vid.srcObject = stream;\n vid.play(); //used when you have stopped tracks\n return vid;\n } else {\n return html`

`;\n //FileAttachment(\"2024-08-06 18h 46m 08s~3.mp4\").url())} autoplay playsinline loop width=\"360\" crossorigin=\"anonymous\" style=\"visibility:hidden\">`;\n //2024-07-20 11h 13m 39s~2.mp4\n //2024-07-20 17h 03m 32s~6.mp4\n //2024-07-20 10h 39m 22s~2.mp4\n //2024-08-06 18h 56m 10s~6.mp\n }\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1213,"value":"h00m53s6 = FileAttachment(\"2024-08-06 19h 00m 53s~6.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1210,"value":"h00m53s5 = FileAttachment(\"2024-08-06 19h 00m 53s~5.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1205,"value":"h05m55s3 = FileAttachment(\"2024-08-06 19h 05m 55s~3.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1202,"value":"h27m40s5 = FileAttachment(\"2024-08-06 19h 27m 40s~5.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1199,"value":"h11m21s3 = FileAttachment(\"2024-08-06 19h 11m 21s~3.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1196,"value":"h27m40s4 = FileAttachment(\"2024-08-06 19h 27m 40s~4.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1193,"value":"h42m43s3 = FileAttachment(\"2024-08-06 19h 42m 43s~3.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1190,"value":"h46m05s4 = FileAttachment(\"2024-08-06 19h 46m 05s~4.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1187,"value":"h46m05s3 = FileAttachment(\"2024-08-06 19h 46m 05s~3.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1184,"value":"h12m42s3 = FileAttachment(\"2024-08-06 20h 12m 42s~3.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":918,"value":"h46m08s3 = FileAttachment(\"2024-08-06 18h 46m 08s~3.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"## Overlay","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":583,"value":"Samples = {\n if (stream || isFileVid) return throttleOverlay();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":587,"value":"viewof throttle = Inputs.range([500, 10], {\n value: 500,\n step: 10,\n label: \"Sample throttle\", \n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":543,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":488,"value":"viewof minDb = Inputs.range([-300, -10], {\n value: -85,\n step: 1,\n label: \"Minimum dB for color scale\", \n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1172,"value":"viewof isRecording = Inputs.toggle({label: \"Save visualisation\", value: false})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":940,"value":"downloadLink = html`Download Ready`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"spectrogram = html`