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

Move all the figure shortcodes to /layouts/shortcodes/figures; center all of them

Browse source
This commit is contained in:
Eryn Wells 2022-08-20 09:38:27 -07:00
parent ead979da00
commit 542866489d
12 changed files with 43 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -15,7 +15,7 @@ This is a quick write-up to share with y'all a small project I've been working
on using [P5.js][p5] and [Web Audio][webaudio] to implement some audio
visualizations. By the end, we'll have something like this:
{{< p5_sketch id="oscilloscopeFinal" bordered=1 >}}
{{< figures/p5 id="oscilloscopeFinal" bordered=1 >}}
## Embedding an Audio File
@ -83,13 +83,13 @@ node to the input of the analyzer node, and the output of the analyzer node to
the audio context's `destination` node that routes to the computer's speakers.
Our audio processing graph looks like this:
{{< railroad_diagram id="audioContextDiagram" >}}
{{< figures/railroad id="audioContextDiagram" >}}
return rr.Diagram(
rr.Sequence(
rr.Terminal("<audio>"),
rr.Terminal("Analyzer"),
rr.Terminal("destination")));
{{< / railroad_diagram >}}
{{< /figures/railroad >}}
By itself the AudioContext doesn't actually play any audio. I'll tackle that
next.