Loom-style screen recorder primitives
Capture-flow primitives — start, mode picker, controls, timer pill, webcam bubble, region selector, audio meter, after-record preview, transcript status, share modal, watermark badge, trim handles, live annotation and device source selector. Cut against the Mufflermen Workshop tour Bay 2 install walkthrough.
Loom-style screen recorder primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Loom-style screen recorder primitives: Capture-flow primitives — start, mode picker, controls, timer pill, webcam bubble, region selector, audio meter, after-record preview, transcript status, share modal, watermark badge, trim handles, live annotation and device source selector. Cut against the Mufflermen Workshop tour Bay 2 install walkthrough.
Start record button
Big circular Start button — rest, arming and recording states plus 3-2-1 countdown overlay.
Record mode picker
Mode picker — Screen + Camera / Screen only / Camera only / Audio only — each with a mini preview.
Recording controls
Floating control bar — pause / resume / stop / cancel, elapsed timer and remaining-storage chip.
Recording timer pill
Floating pill — red dot pulse, elapsed HH:MM:SS and bandwidth chip.
Webcam bubble
Round PIP bubble — corner-position picker, size slider and mirror toggle.
Region selector
Dashed-outline region with eight handles, resolution chip and fps chip.
Audio level meter
Vertical stereo meter — peak indicator, clipping warning and quick-mute toggle.
After-record preview
Post-stop preview — video player, duration + size meta and Retake / Trim / Save & Share.
Transcript status
Queued / processing / ready / failed — language chip and word-count chip when ready.
Share modal
Share URL chip, privacy radios, recipient field, embed code block and expiry-date picker.
Watermark badge
Customer-logo watermark with position picker and opacity slider preview.
Recorded clip trim
Post-record trim handles — left/right grips, duration delta chip and a scrubber playhead.
Annotation overlay
During-record annotation — pen / arrow / box / text, colour swatches and clear-frame chip.
Device source selector
Mic / Speaker / Camera dropdowns with detected device lists plus test-mic and test-camera CTAs.
Full recorder flow
Pre-record stage, recording stage and post-record stage composed — Workshop tour Bay 2 install.