Audio blocks
AudioCN's blocks, built from the audio components with plain HTML. Capture, playback, ducking and hotkeys are your app's; the markup only shows their state.
System audio mixer
Microphone, system audio, music and pads, each with a meter, fader, mute, solo and monitor, into a master.
Music ducks by 12 dB while you speak.
Microphone setup
Pick a microphone, watch it live, set the gain and run a level check.
Live preview on.
System audio
Share what your computer is playing.
Your browser shows its own screen-share picker and only shares tab audio on some systems. Nothing is recorded until you start.
Quick audio controls
One toolbar button with a live level opens microphone and system audio controls.
The popover is a core [popover]; the level in the button is a five-bar .visualizer.
Soundboard
Pads with hotkeys, a mode and volume per pad, a master volume and stop all.
Each pad's options (mode, volume, hotkey, remove) live in a core .context-menu; open one with the button below or the app's right-click handler.
Music player
A playlist with a waveform seek bar, shuffle, repeat, rate, volume and ducking under the microphone.
'/><circle cx='44' cy='22' r='9' fill='%23ffe8b0'/><path d='M0 46h64v18H0z' fill='%23081a30'/><path d='M8 46v-8h3v8M20 46V34h3v12M50 46V30h2v16' stroke='%23ffd27a' stroke-width='2'/></svg>)
Night DriveLumen CoastHarbour Lights'/><circle cx='32' cy='32' r='14' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='2'/><circle cx='46' cy='20' r='3' fill='%23fff'/><circle cx='14' cy='48' r='2' fill='%23fff'/></svg>)
Signal FiresThe Quiet OrbitPaper Satellites'/><path d='M0 40q8-6 16 0t16 0 16 0 16 0V64H0z' fill='%23084c3a'/><path d='M0 48q8-6 16 0t16 0 16 0 16 0V64H0z' fill='%23043327'/></svg>)
UndertowMarisol VegaLow Tide Radio'/><path d='M32 10 54 50H10z' fill='none' stroke='%23334e68' stroke-width='3'/><path d='M32 24 44 46H20z' fill='%23334e68' fill-opacity='.35'/></svg>)
Glass HoursENorth AtlasGlasshouse'/><circle cx='32' cy='32' r='18' fill='%23431c04'/><circle cx='32' cy='32' r='6' fill='%23e08e45'/><circle cx='32' cy='32' r='1.5' fill='%23431c04'/></svg>)
Brass and EmberEddie Fenn TrioCopper Years