eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Add a "narrow" railroad diagram to the audio scope post; add line numbers to the samples listing

Browse source
This commit is contained in:
Eryn Wells 2022-09-11 10:44:13 -07:00
parent fc2bbb2126
commit 3b74c3a256
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
content/blog/2022/08/audio-scope-with-p5js/index.md
View file

@ -91,6 +91,14 @@ Our audio processing graph looks like this:
rr.Terminal("destination")));
{{< /figures/railroad >}}
{{< figures/railroad id="audioContextDiagram" class="narrow-only" >}}
return rr.Diagram(
rr.Stack(
rr.Terminal("<audio>"),
rr.Terminal("Analyzer"),
rr.Terminal("destination")));
{{< /figures/railroad >}}
By itself the AudioContext doesn't actually play any audio. I'll tackle that
next.
@ -178,7 +186,7 @@ for (let i = 0; i < samples.length; i++) {
The most interesting part of this function starts at line 66 where we get an array of samples from the analyzer node. The `samples` variable is a JavaScript `Float32Array`, with one element for each pixel of width.
```js {linenos=false}
```js {linenostart=30}
samples = new Float32Array(p.width);
```