Touch DJ – A Sencha Touch DJ App

   Community and Events

During the DJing with Sencha Touch talk at SenchaCon 2013 we finally unveiled and demonstrated Touch DJ.


Touch DJ is a full fledged DJ app. It takes inspiration from existing DJ hardware and desktop DJ software (such as Traktor and Serato Scratch Live).

The app implements the following features:

  • Two CDJ-style audio decks
    • Real Time Waveform Display
    • Play / Cue
    • Looping
    • Pitch Adjustment
    • Pitch Bending
  • 2 Channel Audio Mixer
    • 3 Band Equalizer (High, Mid, Low)
    • Channel Volume Control
    • Channel Volume Meters
    • Deck Transport Buttons
  • Track Browser
    • Display Track Metadata and Cover Art
    • Deck Load Buttons
  • External MIDI Support
    • Control App Functions from any MIDI Device / Software
    • Includes Sample TouchOSC Layout


You can check out Touch DJ in (almost) all its glory here:



iOS Simulator Screen shot Jul 3, 2013 1.09.13 AM

iOS Simulator Screen shot Jul 3, 2013 1.21.17 AM


The app was written using Sencha Touch 2.2 on the front-end and Node.js to serve the static content, support the Track Browser as well as the MIDI communication via WebSockets.

The client was also supported by the following 3rd party libraries:

This application would not have been possible without the HTML5 Web Audio API. The Web Audio API was used to handle the playing of the audio tracks, implementing a 3 Band Equalizer, Channel Volume Control & Meter, as well as the Crossfader.

This is what the Audio Routing Graph looks like for the Touch DJ app:

senchacon presentation.024


Touch DJ is available in open source under the MIT license. Feel free to fork the repo:

Touch DJ on GitHub

This website uses cookies

These cookies are used to collect information about how you interact with our website and allow us to remember you. We use this information in order to improve and customize your browsing experience, and for analytics and metrics about our visitors both on this website and other media. To find out more about the cookies we use, see our Privacy Policy.

Please consent to the use of cookies before continuing to browse our site.

Like What You See?

Got any questions?