ui changes

diff --git a/index.html b/index.html
index 1ee9d54bbd1fa51c48d8931dcc1df974a8e447dd..26248b1ef6cb40b6db118282ca7b7baf7bfe8bf5 100644 (file)
--- 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 5356538e5b8bdd07438c5a13feb64ce2986c3169..a4ce039982eff90117c0ad35e7beaabc23a66239 100644 (file)
--- 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 f30a1dde2423c528bf0051daeb1db696283644b2..ad6dc72a9ef993b0367475df703c707e99158b99 100644 (file)
--- 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