2a:null 2b:["$","title",null,{"children":"Meyda - Audio feature extraction for JavaScript. | Ryan | Observable"}] 30:[] 2e:{"id":"a87e490ddf8fbe41","slug":"meyda-audio-feature-extraction-for-javascript","title":"Meyda - Audio feature extraction for JavaScript.","thumbnail":"9c9d549fcfd4abccc7abdd045d74850895b1ecf0257f3f61cf2eeba93e60238e","access_level":"public","create_time":"$D2019-08-08T01:06:48.235Z","update_time":"$D2019-08-25T16:05:15.516Z","view_time":null,"first_public_time":"$D2019-08-08T04:20:42.980Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"8953c7afe74dfa29","login":"dulldrums","name":"Ryan","avatar_url":"https://avatars-next.observableusercontent.com/f7208e171cbff6d0fcbf70f7decd09731d94ed86a50a82aa87f0e02a7013d2d3","tier":"starter_2024"},"version":298,"publish_version":298,"role":null,"authored":false,"authors":[{"type":"individual","id":"31afe257b9e52afe","login":"dulldrums","name":"Ryan","avatar_url":"https://avatars-next.observableusercontent.com/f7208e171cbff6d0fcbf70f7decd09731d94ed86a50a82aa87f0e02a7013d2d3","tier":null}],"members":[{"type":"individual","id":"31afe257b9e52afe","login":"dulldrums","name":"Ryan","avatar_url":"https://avatars-next.observableusercontent.com/f7208e171cbff6d0fcbf70f7decd09731d94ed86a50a82aa87f0e02a7013d2d3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Meyda - Audio feature extraction for JavaScript.","cells":[{"id":0,"value":"md`# Meyda - Audio feature extraction for JavaScript.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"md`### Demo using Meyda to map audio RMS levels to slider`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"md`\n[This notebook is the observablehq implementation of the Meyda 'online-web-audio' example](https://meyda.js.org/guides/online-web-audio)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"md`## Start by selecting an audio file:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"viewof file = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"viewof audioHTML = html`\n \n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"viewof startButton = {\n //https://beta.observablehq.com/@mbostock/wait-until-button\n const form = html``;\n form.button.onclick = event => {\n event.preventDefault();\n start(); \n };\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"slider = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"viewof stopButton = {\n //https://beta.observablehq.com/@mbostock/wait-until-button\n const form = html``;\n form.button.onclick = event => {\n event.preventDefault();\n stop();\n };\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"md`## Declarations`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"isInitialized = !!analyzer;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"analyzer = initialize(fileDataUri);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"function initialize() {\n if (!fileDataUri) {\n return null; \n }\n \n const audioContext = new AudioContext()\n const htmlAudioElement = document.getElementById(\"audio\");\n const source = audioContext.createMediaElementSource(htmlAudioElement);\n\n source.connect(audioContext.destination);\n\n const levelRangeElement = slider;\n \n const analyzer = meyda.createMeydaAnalyzer({\n \"audioContext\": audioContext,\n \"source\": source,\n \"bufferSize\": 512,\n \"featureExtractors\": [\"rms\"],\n \"callback\": features => {\n levelRangeElement.value = features.rms;\n }\n });\n \n analyzer.start();\n \n return analyzer;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"function start() {\n if (isInitialized) {\n analyzer.start(); \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"function stop() {\n if (isInitialized) {\n analyzer.stop(); \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"levelRangeElement = slider;\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"fileDataUri = URL.createObjectURL(file);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"meyda = require(\"meyda\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2f:"$2e:body"