Chris Smith

Developer / Musician / Nice Person

clips

2022

Clips is sample-based musical instrument built for the web with Typescript and SolidJS. Powered by the web audio API, Clips enables performers to upload local audio files and play them back live with a drum-pad inspired interface. Offline-first and mobile-friendly! Features realtime waveform visualization, pitch-shift, loop and hold.

A looped screen recording of the 'skwee' web app

skwee

2021

Skwee is an SVG oscilloscope. It collects time-domain audio data from the system microphone and renders it as an SVG path element. The path colors drift over time in proportion to the strength of the input signal (louder sounds make the colors change faster).

A looped screen recording of the 'pretty-analyser' web app

pretty-analyser

2020

Pretty-analyser is an audio frequency spectrum analyser that is pretty. It collects frequency-domain data from the system microphone and renders it inside an html canvas element. Audio datasets are stacked newest to oldest, giving the viewer an impression of the changing frequency content of the input signal over time. Amplitude is mapped to color, creating an effect similar to a topographic map with high energy frequencies appearing as mountain peaks.

melo-type

2019

Melo-type is a text-based, melodic step sequencer. Within the app, each key is assigned a musical note based on its position in the QWERTY keyboard. You can audition a melody by typing in the main text area, then hit the 'start' button to hear it played back in a loop. Hit the 'demo' button to load an example from a bank of sample melodies.