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

Overview

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

Demo

You can check out Touch DJ in (almost) all its glory here: touchdj.moduscreate.com

Screenshots

Development

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:

• Wavesurfer.js
  • Real-time Waveform Display
• Dragdealer.js
  • Touch enabled Slider
• JavaScript ID3 Reader
  • Parse ID3 Metadata and CoverArt from MP3 files

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:

Source

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

Touch DJ on GitHub