Simple Sequencer with Tone.js – On demand

Level: Beginner

Tone.js is a Web Audio framework for creating interactive music in the browser. The framework is built with language that is familiar to musicians, producers and programmers. In this workshop, you will use CodePen to learn the basics of Tone.js, how to make a sound, manipulate its characteristics and create a sequencer. You will also be introduced to basics of JavaScript!

Session Learning Outcomes

By the end of this session a successful student will be able to:

  • Feel confident using Tone.js

  • Use various synths from the framework and manipulate sounds

  • Build a sequencer using Tone.js and basic JavaScript

Session Study Topics

  • What web frameworks are and why we need Tone.js

  • Understand the concept of time in web

  • JavaScript Fundamentals


  • A computer and internet connection

  • A webcam and mic

  • A Zoom account

  • A CodePen account (free)

About the workshop leader

Purvi Trivedi is a London based web developer with years of experience in music technology & ux research.

She currently works as a Frontend Engineer at Potato, an award-winning digital product studio that works with the likes of Google, PepsiCo, Mozilla, the BBC and NatWest.

She has co-produced KALA, an album that explores human emotions through the design of everyday sounds.