aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
37 lines • 1.3 kB
TypeScript
import React from "react";
export interface AudioSettings {
volume: number;
gain: number;
bassBoost: number;
trebleBoost: number;
smoothing: number;
fftSize: number;
}
export interface VisualizationSettings {
mode: "bars" | "wave" | "circular" | "spectrum" | "particles" | "ripples";
colorScheme: "rainbow" | "monochrome" | "neon" | "fire" | "ice" | "galaxy";
particleCount: number;
sensitivity: number;
symmetry: boolean;
mirror: boolean;
}
export interface GlassMusicVisualizerProps {
audioSource?: string | MediaStream;
audioSettings?: Partial<AudioSettings>;
visualSettings?: Partial<VisualizationSettings>;
showControls?: boolean;
showFrequencyDisplay?: boolean;
showWaveform?: boolean;
showSpectrum?: boolean;
realTimeAnalysis?: boolean;
enableInteraction?: boolean;
enableRecording?: boolean;
canvasWidth?: number;
canvasHeight?: number;
onAudioLoad?: (duration: number) => void;
onFrequencyData?: (data: Uint8Array) => void;
onBeatDetected?: (intensity: number) => void;
className?: string;
}
export declare const GlassMusicVisualizer: React.ForwardRefExoticComponent<GlassMusicVisualizerProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassMusicVisualizer.d.ts.map