From: Taran Nathan <moogoesmeow123@gmail.com>
Date: Thu, 23 Jul 2026 21:46:55 +0000 (-0700)
Subject: ui changes
X-Git-Url: https://git.taranathan.com/?a=commitdiff_plain;h=266022c60feb9143f5bb9337838cc4bfab734712;p=audio-stream.git

ui changes
---

diff --git a/index.html b/index.html
index 1ee9d54..26248b1 100644
--- a/index.html
+++ b/index.html
@@ -11,13 +11,14 @@
 </head>
 
 <body>
-  <img src="/favicon.png" style="width:20%;">
+  <p style="font-size: 2rem;">Audio Capture and Transcription PoC </p>
   <p>
-    <button id="btnStart">START RECORDING</button>
-    <button id="btnStop" disabled>STOP RECORDING</button>
-    <button id="btnPlay" disabled>PLAY RECORDING</button>
+    <button id="btnStart">Start Recording</button>
+    <button id="btnStop" disabled>Stop Recording</button>
+    <button id="btnPlay" disabled>Play Recording</button>
   </p>
   <audio id="audioPlay"></audio>
+  <label>Transcription:</label>
   <p id="transcription">
   </p>
 </body>
diff --git a/script.js b/script.js
index 5356538..a4ce039 100644
--- a/script.js
+++ b/script.js
@@ -20,7 +20,7 @@ const playButton = document.getElementById("btnPlay");
 const audioElement = document.getElementById("audioPlay");
 const transcriptionElement = document.getElementById("transcription");
 
-const BACKEND_WS_URL = "ws://localhost:3000/ws/transcribe";
+const BACKEND_WS_URL = "ws://pooter.local:3000/ws/transcribe";
 const CHUNK_MS = 3000;
 const TARGET_SAMPLE_RATE = 16000;
 
diff --git a/styles.css b/styles.css
index f30a1dd..ad6dc72 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,15 @@
 * {
-  color: red;
+  color: black;
+  font-family: Helvetica, Arial, sans-serif;
+}
+
+#transcription {
+  background-color: lightgray;
+  min-height: 30rem;
+  border: 1px solid black;
+  border-radius: 5px;
+}
+
+button {
+  width: 8rem
 }
\ No newline at end of file