Tutorials & Use Cases
These tutorials show how to configure Trackswitch for common music processing tasks. Each page contains a working player and explains the important parts of its JSON configuration.
Basic
-
Multitrack Playback (Default)
Mix four synchronized tracks with looping, presets, global volume, and per-track controls.
-
Seekable Images
Display a seekable plot for all tracks, or show a different plot for each active track.
-
Aligned Timelines
This player contains two performances with different tempos and durations. Its configuration also aligns sheet music and MIDI. The complete model connects separate media timelines with alignment points.
-
Markers
Compare measure points and colored structural segments on two aligned performances of Schubert's Gefrorne Tränen.
Advanced
-
Score Following
A score view that highlights the measure being heard, and measures that seek the recording when clicked. Seconds and measures connected by one alignment.
-
Shared Timeline - Groups
Four track groups on one shared timeline, each playing one instrument at a time. Pick an instrument per voice to assemble your own ensemble.
-
A Repeated Section
One performance plays a section twice, the other one skips it. The playhead of the shorter performance jumps back and runs through the section a second time.
-
Separated Stems on Aligned Timelines
Two performances, each taken apart into harmonic, percussive and residual stems. The first level of selection picks the performance, the second mixes the stems inside it.
-
Piano Roll
One MIDI file transcribes a four-part ensemble, each channel taking a colour of its own. A second player pairs each channel with a recording, drawing it only while that instrument is audible, and shows the same transcription flying into a piano keyboard.
-
Timeline Units
Alignment columns do not have to be in seconds. Declare samples, MIDI ticks, measures or pixels and let the player convert them into playback coordinates.
-
Interactive Alignment
Drop recordings, sheet music, or MIDI into the player to calculate a timeline alignment in the browser.