AudioShaderVisualizer

Author: thomasyuill-livekit

components/livekit/audio-visualizer/audio-shader-visualizer/audio-shader-visualizer.tsx

@@ -100,7 +100,7 @@ export function AudioShaderVisualizer({
 
   const volume = useTrackVolume(audioTrack as TrackReference, {
     fftSize: 512,
-    smoothingTimeConstant: 0.5,
+    smoothingTimeConstant: 0.55,
   });
 
   useEffect(() => {
@@ -198,10 +198,10 @@ export function AudioShaderVisualizer({
       frequencyControlsRef.current?.stop();
       brightnessControlsRef.current?.stop();
 
-      scaleValue.set(0.3 - 0.05 * volume);
+      scaleValue.set(0.35 - 0.05 * volume);
       amplitudeValue.set(0.5 + 0.2 * volume);
-      frequencyValue.set(1 - 1 * volume);
-      brightnessValue.set(1.0 + 2.0 * volume);
+      frequencyValue.set(1 - 0.3 * volume);
+      brightnessValue.set(1.5 + 1.0 * volume);
     }
   }, [state, volume, scaleValue, amplitudeValue, frequencyValue, brightnessValue]);
 

components/ui/shadcn-io/aurora-shaders/index.tsx

@@ -51,7 +51,8 @@ float getSdf(vec2 st) {
 }
 
 vec2 turb(vec2 pos, float t, float it) {
-  mat2 rot = mat2(0.6, -0.8, 0.8, 0.6);
+  // mat2 rot = mat2(0.6, -0.8, 0.8, 0.6);
+  mat2 rot = mat2(0.6, -0.25, 0.25, 0.9);
   float freq = mix(2.0, 15.0, uFrequency);
   float amp = uAmplitude;
   float xp = 1.4;