AudioContext and SVG polylines.
More in my Audio Visualization Collection
AudioContext integration from Ali Görkem's Pen Audio Visualizer #3.
A Pen by Jake Albaugh on CodePen.
socalledsound
lmccart
/ gist:2273a047874939ad8ad1
Last active
February 18, 2024 21:57
p5.js + p5.dom.js + clmtracker.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <script src="clmtrackr.js"></script> | |
| <script src="model_pca_20_svm.js"></script> | |
| <script src="p5.js"></script> | |
| <script src="p5.dom.js"></script> | |
| <script> | |
| var ctracker; |
ja-k-e
/ SVG Audio Visualizer 1: All the Lines!.markdown
Last active
June 29, 2022 09:14
SVG Audio Visualizer 1: All the Lines!
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Ivo Ivanov ripoff: https://www.youtube.com/shorts/1uukKdBGsY0 | |
| ( | |
| SynthDef(\kick, { | |
| var snd; | |
| snd = SinOsc.ar(Env.perc(0.001, 0.3, curve: -8).ar.linexp(0, 1, 30, 400)); | |
| snd = snd + (SinOsc.ar(XLine.ar(4000, 100, 0.01)) * Env.perc(0.001, 0.01).ar); | |
| snd = snd + (BPF.ar(Hasher.ar(Sweep.ar), 8000, 0.5) * 3.dbamp * Env.perc(0.01, 0.03).ar); | |
| snd = snd * Env.perc(0.001, 0.2, curve: -1).ar(Done.freeSelf); | |
| snd = snd * 5.dbamp; |