From fd1ac0a0d73ea4fc7db66dad7f0ba0584c7d9baa Mon Sep 17 00:00:00 2001 From: GamerBoss101 Date: Sat, 29 Mar 2025 22:14:45 -0400 Subject: [PATCH] Client side Voice Visualizer --- Backend/index.html | 141 +++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 137 insertions(+), 4 deletions(-) diff --git a/Backend/index.html b/Backend/index.html index f4ff6a0..7ab431f 100644 --- a/Backend/index.html +++ b/Backend/index.html @@ -118,12 +118,45 @@ width: 100%; margin-top: 5px; } + .visualizer-container { + width: 100%; + height: 60px; + background-color: #f5f5f5; + border-radius: 12px; + margin-bottom: 15px; + overflow: hidden; + position: relative; + } + + .audio-visualizer { + width: 100%; + height: 100%; + display: block; + } + + .visualizer-label { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: #999; + font-size: 0.9em; + pointer-events: none; + opacity: 0.7; + text-align: center; + width: 100%; + }

Sesame AI Voice Chat

+
+ +
Audio levels will appear here when speaking
+
+