50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T26bb,import { clamp, dbToGain, dbToLevel, gainToDb } from "@/lib/audio/decibels"; import { subscribeFrame } from "@/lib/audio/frame-loop"; import { appendHistory } from "@/lib/audio/history"; import type { FrameSource, MeterFrame, VisualFrame } from "@/lib/audio/types"; import { createCompatEffect } from "@/lib/solid/effect"; export type DemoSignalKind = "speech" | "music" | "tone" | "noise" | "silence"; export interface DemoSignalOptions { /** What the signal sounds like. Default `speech`. */ kind?: DemoSignalKind; /** 1 for mono, 2 for stereo. Default 1. */ channels?: number; /** Changes the pattern while keeping it repeatable. Default 1. */ seed?: number; /** Gain applied after the synthetic signal, in dB. Default 0. */ gainDb?: number; /** Frequency bands per visual frame. Default 32. */ bands?: number; /** Entries in the level history ring. Default 60. */ historySize?: number; /** Time between history entries. Default 50 ms. */ historyIntervalMs?: number; /** When false the signal falls silent. Default true. */ playing?: boolean; } export interface DemoSignal { meter: FrameSource; visual: FrameSource; configure: (options: DemoSignalOptions) => void; } const TIME_DOMAIN_SIZE = 256; const TIME_DOMAIN_RATE = 12_800; const TWO_PI = Math.PI * 2; const ROOM_TONE_DB = -52; const MS_PER_SECOND = 1000; const CREST_DB: Record = { music: 8, noise: 11, silence: 0, speech: 12, tone: 3.01, }; const fract = (value: number) => value - Math.floor(value); const hash = (seed: number, index: number) => fract(Math.sin(seed * 12.9898 + index * 78.233) * 43_758.5453); const smoothNoise = (seed: number, time: number) => { const index = Math.floor(time); const phase = time - index; const eased = phase * phase * (3 - 2 * phase); const from = hash(seed, index); const to = hash(seed, index + 1); return from + (to - from) * eased; }; const speechAmplitude = (seed: number, seconds: number) => { const phraseLength = 2.4; const phrase = Math.floor(seconds / phraseLength); const phraseTime = seconds - phrase * phraseLength; const speaking = phraseTime < 1.5 + 0.5 * hash(seed, phrase); const room = dbToGain(ROOM_TONE_DB) * (0.6 + 0.4 * smoothNoise(seed, seconds * 9)); if (!speaking) { return room; } const syllableRate = 5; const syllable = Math.floor(seconds * syllableRate); const envelope = Math.sin(Math.PI * fract(seconds * syllableRate)) ** 1.5; const chance = hash(seed + 3, syllable); let syllableDb = -18 + 12 * hash(seed, syllable); if (chance > 0.985) { syllableDb = -0.4; } else if (chance > 0.95) { syllableDb = -4; } return room + dbToGain(syllableDb) * envelope; }; const musicAmplitude = (seed: number, seconds: number) => { const beat = 0.5; const phase = fract(seconds / beat); const kick = dbToGain(-6) * Math.exp(-phase * 8); const body = dbToGain(-16) * (0.8 + 0.2 * smoothNoise(seed, seconds * 2)); const bar = Math.floor(seconds / (beat * 4)); const barPhase = fract(seconds / (beat * 4)); const crash = hash(seed + 5, bar) > 0.85 ? dbToGain(-3) * Math.exp(-barPhase * 3) : 0; return body + kick + crash; }; const amplitudeFor = (kind: DemoSignalKind, seed: number, seconds: number) => { switch (kind) { case "speech": { return speechAmplitude(seed, seconds); } case "music": { return musicAmplitude(seed, seconds); } case "tone": { return dbToGain(-12); } case "noise": { return dbToGain(-20) * (0.7 + 0.3 * smoothNoise(seed, seconds * 8)); } case "silence": { return 0; } default: { return 0; } } }; const gaussian = (x: number, center: number, width: number) => Math.exp(-(((x - center) / width) ** 2)); const bandTemplate = (kind: DemoSignalKind, x: number) => { switch (kind) { case "speech": { return 0.25 + gaussian(x, 0.4, 0.16) + 0.6 * gaussian(x, 0.66, 0.1); } case "music": { return 1.05 - 0.55 * x + 0.3 * gaussian(x, 0.85, 0.08); } case "tone": { return 0.05 + gaussian(x, 0.54, 0.03); } case "noise": { return 0.85 - 0.2 * x; } case "silence": { return 0; } default: { return 0; } } }; const sampleWave = (kind: DemoSignalKind, seed: number, time: number) => { switch (kind) { case "speech": { return ( 0.6 * Math.sin(TWO_PI * 140 * time) + 0.3 * Math.sin(TWO_PI * 420 * time) + 0.1 * Math.sin(TWO_PI * 1100 * time) ); } case "music": { return ( 0.5 * Math.sin(TWO_PI * 55 * time) + 0.3 * Math.sin(TWO_PI * 220 * time) + 0.2 * Math.sin(TWO_PI * 880 * time) ); } case "tone": { return Math.sin(TWO_PI * 1000 * time); } case "noise": { return hash(seed, time * TIME_DOMAIN_RATE) * 2 - 1; } case "silence": { return 0; } default: { return 0; } } }; /** * Creates a synthetic signal as frame sources, so meters and visualizers can * move without a microphone. It only runs while something is subscribed. */ export const createDemoSignal = ( initialOptions: DemoSignalOptions = {} ): DemoSignal => { let kind: DemoSignalKind = "speech"; let channels = 1; let seed = 1; let gainDb = 0; let playing = true; let historyIntervalMs = 50; let bands = new Float32Array(32); let history = new Float32Array(60); let startMs: number | null = null; const timeDomain = new Float32Array(TIME_DOMAIN_SIZE); const meterFrame: MeterFrame = { channels: [] }; const visualFrame: VisualFrame = { bands, history, historyLength: 0, historyStart: 0, peakDb: Number.NEGATIVE_INFINITY, timeDomain, }; const meterSubscribers = new Set<(frame: MeterFrame) => void>(); const visualSubscribers = new Set<(frame: VisualFrame) => void>(); let stopLoop: (() => void) | null = null; const configure = (options: DemoSignalOptions) => { kind = options.kind ?? kind; channels = clamp(Math.round(options.channels ?? channels), 1, 8); seed = options.seed ?? seed; gainDb = options.gainDb ?? gainDb; playing = options.playing ?? playing; historyIntervalMs = options.historyIntervalMs ?? historyIntervalMs; if (options.bands !== undefined && options.bands !== bands.length) { bands = new Float32Array(options.bands); visualFrame.bands = bands; } if ( options.historySize !== undefined && options.historySize !== history.length ) { history = new Float32Array(options.historySize); visualFrame.historyStart = 0; visualFrame.historyLength = 0; visualFrame.historyPreviousLevel = undefined; visualFrame.history = history; } }; const produce = (nowMs: number) => { startMs ??= nowMs; const seconds = (nowMs - startMs) / MS_PER_SECOND; const activeKind: DemoSignalKind = playing ? kind : "silence"; const inputAmplitude = Math.min(1, amplitudeFor(activeKind, seed, seconds)); const gain = dbToGain(gainDb); const amplitude = inputAmplitude * gain; const crestGain = dbToGain(-CREST_DB[activeKind]); meterFrame.channels.length = channels; let loudest = 0; for (let channel = 0; channel < channels; channel += 1) { const wobble = channel === 0 ? 1 : 1 + 0.3 * (smoothNoise(seed + 17 * channel, seconds * 3) - 0.5); const channelAmplitude = Math.min(1, inputAmplitude * wobble) * gain; loudest = Math.max(loudest, channelAmplitude); meterFrame.channels[channel] = { peakDb: gainToDb(channelAmplitude), rmsDb: gainToDb(channelAmplitude * crestGain), }; } const level = dbToLevel(gainToDb(loudest)); const count = bands.length; for (let band = 0; band < count; band += 1) { const x = count > 1 ? band / (count - 1) : 0; const movement = 0.7 + 0.6 * smoothNoise(seed + band * 13, seconds * 6); bands[band] = clamp(bandTemplate(activeKind, x) * level * movement, 0, 1); } appendHistory(visualFrame, level, nowMs, historyIntervalMs); for (let index = 0; index < TIME_DOMAIN_SIZE; index += 1) { const time = seconds + index / TIME_DOMAIN_RATE; timeDomain[index] = amplitude * sampleWave(activeKind, seed, time); } visualFrame.peakDb = gainToDb(loudest); for (const subscriber of meterSubscribers) { subscriber(meterFrame); } for (const subscriber of visualSubscribers) { subscriber(visualFrame); } }; const updateLoop = () => { const active = meterSubscribers.size + visualSubscribers.size > 0; if (active && !stopLoop) { stopLoop = subscribeFrame(produce, "update"); } else if (!active && stopLoop) { stopLoop(); stopLoop = null; } }; const sourceFor = ( subscribers: Set<(frame: T) => void> ): FrameSource => ({ subscribe: (listener) => { subscribers.add(listener); updateLoop(); return () => { subscribers.delete(listener); updateLoop(); }; }, }); configure(initialOptions); return { configure, meter: sourceFor(meterSubscribers), visual: sourceFor(visualSubscribers), }; }; /** A synthetic signal for previews, prototypes and browser acceptance. */ export const useDemoSignal = (options: DemoSignalOptions = {}): DemoSignal => { const signal = createDemoSignal(options); createCompatEffect( () => ({ bands: options.bands, channels: options.channels, gainDb: options.gainDb, historyIntervalMs: options.historyIntervalMs, historySize: options.historySize, kind: options.kind, playing: options.playing, seed: options.seed, }), (next) => { signal.configure(next); } ); return signal; }; 53:T56d,Audio component source adapted from https://github.com/audiocn/ui. MIT License — Copyright (c) 2026 OrcDev Regular SVG icon geometry adapted from @phosphor-icons/react 2.1.10. MIT License — Copyright (c) 2020 Phosphor Icons The following permission and warranty terms apply to both notices. Retain this file with copies or substantial portions of the source. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","solid-js@^1.9.15",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/solid-js","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"solid-js@^1.9.15"}]]}]}]]}],["$","$L50",null,{"namespace":"@audiocn-solid","registryDependencies":["@audiocn-solid/core"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"hooks/use-demo-signal.ts","content":"$52","type":"registry:hook"},{"path":"lib/audiocn-license.txt","content":"$53","type":"registry:file","target":"@lib/audiocn-license.txt"}],"className":"h-[70svh] min-h-80"}]]}]