JS Oscilloscope

25 January 2018

Plug your computer's audio output into an oscilloscope (right = X, left = Y), then use your mouse to draw in the square below:

No oscilloscope? Here's a video.

This is all done with about a hundred lines of JavaScript (view source to see it). The mouse's X-Y movements are recorded, then encoded as the right-left channels of a dynamically generated WAV file. This file is URI-encoded and played. Pretty straight-forward.

Also fun is this analog clock that displays the current time on your oscilloscope.

If you liked these, do checkout Youscope, and try playing its source audio file on your oscilloscope.

< Previous | Next >