Mr. Scandrett's ClassroomOS

ClassroomOS Studio

Music Lab

The lab is organized as a three-pillar studio: Theory explains how we name and write sound, Science shows how timbre is built, and Studio turns those ideas into patterns, chords, and performance.

01

The Language of Music

Theory Map

Chromatic Notation Engine

The grand staff dynamically engraves the notes you play as sheet music chords. Play multiple piano keys or click the Circle of Fifths to build polyphonic chords and see interval relationships mapped in real time.

Interactive engraving linked to current synth preset

Play notes with your mouse, finger, or computer keyboard (A, W, S, E, D, F, T, G, Y, H, U, J, K).

Perfect P1, P4, P5, and P8 are the stable anchor intervals.
Minor m2, m3, m6, and m7 sit one semitone lower than their major partners.
Major M2, M3, M6, and M7 are the brighter forms of those same interval families.
Tritone The 6-semitone midpoint is often labeled TT, A4, or d5.
02

The Science of Sound

Modular Patchbay

Choose a waveform, then patch cables to route the sound to the output.

Waveform Selector

Oscillator

Source
Out

VCA

Level
In
Out

Output

Speakers

Patch a cable here to hear audio.

In

Waveform + Harmonics Monitor

Oscilloscope
Harmonic Spectrogram

Patch: Osc → VCA → Output · Output: silent

Sine waves stay clean. Square and saw waves reveal stacked overtones, so students can see timbre instead of just hearing it.

Tip: Click an output jack, then an input jack to patch a cable. Click an input again to unplug.

Envelope (ADSR) Synth & Piano

03

The Implementation Studio

Connection + Session Controls

Plug in a USB MIDI keyboard, then press Enable Audio. Choose a preset, lock a scale if needed, and decide whether the piano overlay should show note names.

Audio: off · MIDI: off

Drum Pads

Tip: Set preset to Drums for MIDI-triggered drums.

Step Sequencer

120

Chord Theory Explorer

Build and hear how different chord types are constructed. Each chord is made by stacking intervals (semitone distances).

C Major
C – E – G
Root (0) · Major 3rd (4) · Perfect 5th (7)
Chord Type Guide
Major: Bright, happy. Root + Major 3rd (4 semitones) + Perfect 5th (7 semitones)
Minor: Sad, dark. Root + Minor 3rd (3 semitones) + Perfect 5th (7 semitones)
Diminished: Tense, unstable. Root + Minor 3rd (3) + Diminished 5th (6 semitones)
Augmented: Dreamlike, unresolved. Root + Major 3rd (4) + Augmented 5th (8 semitones)
Dominant 7: Tension + resolution. Major triad + Minor 7th (10 semitones). Pulls toward the next chord.
Major 7: Sophisticated, dreamy. Major triad + Major 7th (11 semitones)
Minor 7: Soulful, mellow. Minor triad + Minor 7th (10 semitones)
Minor Major 7: Rare, sophisticated. Minor triad + Major 7th (11 semitones)
Sus 2 / Sus 4: Suspended, unresolved. Replace the 3rd with a 2nd or 4th

Circle of Fifths

Harmony Explorer

Click any segment to play a chord and light the piano keys
Outer ring — Major key & chord
Inner ring — Relative minor chord

Each outer key shares its segment with its relative minor — they use the same 7 notes. Moving clockwise adds one sharp; counter-clockwise adds one flat. Try clicking C → G → D to hear a classic I–V–II progression.

Chord voicings use your current ADSR envelope and Preset — patch the Modular Patchbay first for the most interesting timbre.

Session Notes

Notes
  • WebMIDI usually requires HTTPS and a supported browser (Chrome/Edge).
  • Piano is a lightweight synthesized approximation for fast classroom load times.
  • Drums trigger on note-on. Pads below are clickable and touch-friendly.
  • Scale Lock greys out and silences keys outside the selected scale.
  • ADSR sliders shape the volume envelope for Synth and Piano presets.
Current Event Now Playing: idle · Frequency: — · Waveform: Sine