A 16-Step Sequencer in Javascript


You can play with the sequencer here.

I was bored today so I built a 16-step sequencer in javascript which uses sounds from 5 different instruments that I ripped from Reason. I was planning on using the HTML5 tag for audio playback but codec support is inconsistent across browsers – Chrome, Firefox, and Opera support Ogg audio, Safari supports AAC through quicktime and IE doesn’t have audio tag support at all. Instead of encoding audio in a bunch of different formats or using flash, I decided to use SoundManager2 which wraps the HTML5 audio api and uses flash as a failsafe. Since this is just a toy project, I didn’t mix the audio as you’d get in a real sequencer so you’ll occasionally notice clipping and samples playing off-beat. I wouldn’t recommend HTML5 audio or the above library for time-sensitive playback since you can’t get very low latency.

Related Posts

Subdomains in Flask

Using subdomains to identify tenants in a multitenant Flask application

Leveraging Postgresql Schemas for Multitenancy

Segregating web application data by company using Flask and Postgresql

Time Logger for Windows 10 is Out

A time tracking app for Windows 10

Numbers Free for Windows 10 is Out

A simple block game for Windows 10

Getting All Articles Referenced in a Wikipedia Article

A bookmarklet to pull all wikipedia links from a wiki article.

Using the Google Places API

Finding Nearby Points of Interest with the Google Places API

Using the HTML5 Geolocation API

Getting a users position using the HTML5 Geolocation API

Syntactic Clustering of News Headlines

grouping together news articles by subject using tf-idf weighting

Retrieving Yahoo! Finance Data using YQL

Getting stock information programmatically through Yahoo! Finance

How to Find Every Word in Word Jumble-Style Games

sucking the fun out of games, one game at a time :)