Press escape to exit fullscreen

{{sketch.instructions}}

CC {{sketch.licenseObject.short}}

Archived Sketch

This sketch is created with an older version of Processing,
and doesn't work on browsers anymore.

View Source Code

Capture Screenshot

HTML5 AudioAPI + Microphone

{{$t('general.by')}}
Ale
An example of how to access microphone data and HTML5 Audio API sound analysis capabilities in a simple crossbrowser manner. It only works on recent versions firefox and chrome (maybe safari, I haven't checked it). You can check full source code here (no processingjs, only javascript, using requestAnimationFrame instead of relying only on setTimeOut as processingjs does): http://414c45.net/blog/canvaslab-i-audioapi And you can try it that way here: http://414c45.net/canvaslab/canvas-audio/
We recovered an unsaved version of this sketch. Please review your changes below.

As a Plus+ Member feature, this source code is hidden by the owner.

  • {{co.title}}
    •
    {{$t('sketch.mode-pjs')}} {{$t('general.learnMore')}}
    Select mode or a template
    {{liveCodeLink}}
    • {{l.url.substr(l.url.lastIndexOf('/') + 1)}}
    {{$t('sketch.layoutDescription')}}

    {{k.category}}
    {{k.label}}
    {{k.description}}

    {{$t('sketch.seeMoreShortcuts')}}

    Versions are only kept for 7 days.
    Join Plus+ to keep versions indefinitely!

    {{$t('general.joinPlus')}}

    {{$t('sketch.versionsSummarized')}}

    {{ $t('general.joinPlus') }}