Update app.py

app.py

@@ -39,33 +39,25 @@ def home():
 		<label for="username">Username:</label>
 		<input type="text" id="username" placeholder="Enter your username">
 	</div>
-
     <div id="transcription" style="border: 1px solid #ccc; padding: 10px; margin-top: 5px; min-height: 50px;"></div>
     <script>
         // Check for browser support
         window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-
         if (!window.SpeechRecognition) {
             alert("Your browser does not support Speech Recognition. Try Google Chrome.");
         }
-
         let recognition = new window.SpeechRecognition();
         recognition.continuous = true; // Keep listening even after getting a result
         recognition.interimResults = true; // Show interim results
         let liveOutput = document.getElementById('transcription');
-
         let lastTranscription = '';
         let intervalId = null;
-
         recognition.onresult = (event) => {
             let currentTranscription = '';
-
             // Concatenate all the transcriptions
             for (const result of event.results) {
                 currentTranscription += result[0].transcript;
             }
-
-
             liveOutput.textContent = currentTranscription;
             
             // Check if there's a new transcription
@@ -74,11 +66,9 @@ def home():
                 console.log(currentTranscription);
             }
         };
-
         recognition.onerror = (event) => {
             console.error('Speech recognition error', event.error);
         };
-
         function sendTranscriptionToServer(transcription) {
 			let username = document.getElementById('username').value;
             $.ajax({
@@ -94,20 +84,22 @@ def home():
                 }
             });
         }
-
+		
+		function clearTranscription() {
+			liveOutput.textContent = '';
+		}
+		
         // Start and stop functions
         document.getElementById('start').addEventListener('click', () => {
             recognition.start();
             intervalId = setInterval(() => sendTranscriptionToServer(lastTranscription), 600);
+			setInterval(clearTranscription, 2000); // Clear transcription every 2 seconds
         });
-
         document.getElementById('stop').addEventListener('click', () => {
             recognition.stop();
             clearInterval(intervalId);
         });
     </script>
-
-
 </body></html>
     """
     return Response(html_content, mimetype='text/html')