add web audio, replaygain, visualizer (#1289)

* add web audio, replaygain, visualizer

* remove volume multiplication in gain

---------

Co-authored-by: Jeff <42182408+jeffvli@users.noreply.github.com>

src/shared/components/number-input/number-input.tsx

@@ -16,7 +16,9 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
         {
             children,
             classNames,
+            defaultValue,
             maxWidth,
+            onChange,
             size = 'sm',
             style,
             variant = 'default',
@@ -38,6 +40,11 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
                     ...classNames,
                 }}
                 hideControls
+                onChange={
+                    onChange
+                        ? (e) => onChange(typeof e === 'number' ? e : defaultValue || e)
+                        : undefined
+                }
                 ref={ref}
                 size={size}
                 style={{ maxWidth, width, ...style }}

src/shared/types/types.ts

@@ -271,5 +271,5 @@ export interface UniqueId {
 
 export type WebAudio = {
     context: AudioContext;
-    gain: GainNode;
+    gains: GainNode[];
 };