Update templates/index.html

templates/index.html

@@ -163,6 +163,7 @@
         }
         #audio-record-button.recording {
             background-color: #f44336;
+            box-shadow: 0 0 20px 10px rgba(255, 255, 255, 1);
         }
     </style>
 </head>
@@ -269,7 +270,7 @@
         recordButton.addEventListener('click', () => {
             if (isRecording) {
                 mediaRecorder.stop();
-                recordButton.textContent = 'Start Recording';
+                recordButton.textContent = 'START';
                 recordButton.classList.remove('recording');
             } else {
                 navigator.mediaDevices.getUserMedia({ audio: true })
@@ -293,7 +294,7 @@
                             });
                             audioChunks = [];
                         });
-                        recordButton.textContent = 'Stop Recording';
+                        recordButton.textContent = 'STOP';
                         recordButton.classList.add('recording');
                     });
             }