A practical order for learning Gesture Synth
Gesture Synth combines camera tracking, music theory, two-hand coordination, and browser audio. Trying to learn all four at once makes a simple missed chord difficult to diagnose. A better sequence is to confirm the browser and webcam first, then learn a single stable chord, then practice left-hand degrees, and only after that add right-hand qualities and expression.
The pages below follow that order. They are not keyword variations of one tutorial: each guide owns a different problem. Browser compatibility deals with device and permission prerequisites; the chord reference documents the musical control map; troubleshooting isolates recognition failures; privacy explains the data boundary; and song mapping shows how to apply the same degree system to a progression you already know.
Start playing
Learn the core two-hand vocabulary before adding more expressive movement.
How to use Gesture Synth
A step-by-step first session: start the camera, find the first chord, learn the left/right hand split, and build a short practice loop.
Gesture Synth chord reference
The full I-VII degree map plus right-hand qualities, inversions, seventh colors, octave, volume, and filter controls.
Turn harmony into a performance
Use Roman numerals and a repeatable practice process instead of memorizing fixed chord names for every key.
Map song chords to hand gestures
Convert a chord chart into scale degrees, choose major/minor context, simplify dense symbols, and add voicing only after the root progression is stable.
Easy chord progressions to practice
Short I-IV-V-I, I-V-vi-IV, and vi-IV-I-V loops for training transitions before you attempt a full song section.
Fix camera and browser problems
Separate permission, device, tracking, and audio issues so one symptom does not get mistaken for another.
Browser compatibility
Check HTTPS, camera permission, Web Audio, extensions, device load, audio output, and browser differences before diagnosing gesture shapes.
Hand-tracking troubleshooting
A structured reset for disappearing hands, flickering finger counts, unexpected chord changes, overlapping hands, and recognition that works without sound.
Camera setup notes
Practical framing, distance, lighting, permission, and no-sound checks for a more reliable first session.
Understand the technology and privacy boundary
See what happens between a webcam frame, a hand landmark, a musical gesture, and browser audio.
What happens to your webcam video
Explains local landmark processing, what still crosses the network, how camera permission differs from cookie consent, and when camera access stops.
How hand tracking becomes music
A behind-the-scenes explanation of landmarks, gesture classification, stabilization, latency sources, chord mapping, and Web Audio synthesis.
How to use the guides while you practice
Keep the reference material close, but test one change at a time. If degree I with Quality 1 is not stable, a song-mapping page will not solve the problem; return to framing, lighting, or gesture shape. If the first chord is stable but I-IV-V-I fails, practice the left-hand transition with the right hand frozen. If the progression is reliable but sounds flat, then move to voicing, octave, volume, and filter controls.
This order keeps technical diagnosis and musical practice connected. It also means a guide can be updated when the product behavior changes without rewriting unrelated pages. When a browser permission detail changes, the compatibility guide should change; when a gesture mapping changes, the chord reference should change. The goal is documentation that remains useful to a player rather than a large collection of pages that repeat the same introduction.
If you are completely new, begin with How to use Gesture Synth. If the camera already works and you only need the hand map, go directly to the chord reference. If something behaves inconsistently, use the troubleshooting path before changing musical settings.
Choose the next guide by the symptom you see
If the browser never shows a camera image, start with compatibility and permission. If the camera works but a hand disappears or finger counts flicker, move to tracking troubleshooting. If the controls are stable but you are unsure which shape represents a scale degree or chord quality, use the chord reference. If you can already play a progression and want to translate a chord chart into the same hand vocabulary, use the song mapping guide.
Privacy questions have their own path because they are not performance problems. The webcam privacy guide explains local landmark processing, network resource downloads, analytics, and the distinction between browser camera permission and advertising consent. Keeping that information separate from troubleshooting prevents a technical failure from being confused with a data-handling question.