Hugging Face's logo

Spaces:
awacke1
/
RealTimeAsyncASR
Running

App Files Community
awacke1 commited on
Commit
70c9179
·
verified ·
1 Parent(s): e1beaf3

Create app.py

Browse files
Files changed (1) hide show
  1. app.py +149 -0
app.py ADDED
@@ -0,0 +1,149 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import streamlit as st
2
+
3
+ html="""
4
+
5
+ <!DOCTYPE html>
6
+ <html>
7
+ <head>
8
+ <title>Continuous Speech Demo</title>
9
+ <style>
10
+ body {
11
+ font-family: sans-serif;
12
+ padding: 20px;
13
+ max-width: 800px;
14
+ margin: 0 auto;
15
+ }
16
+ button {
17
+ padding: 10px 20px;
18
+ margin: 10px 5px;
19
+ font-size: 16px;
20
+ }
21
+ #status {
22
+ margin: 10px 0;
23
+ padding: 10px;
24
+ background: #e8f5e9;
25
+ border-radius: 4px;
26
+ }
27
+ #output {
28
+ white-space: pre-wrap;
29
+ padding: 15px;
30
+ background: #f5f5f5;
31
+ border-radius: 4px;
32
+ margin: 10px 0;
33
+ min-height: 100px;
34
+ max-height: 400px;
35
+ overflow-y: auto;
36
+ }
37
+ .controls {
38
+ margin: 10px 0;
39
+ }
40
+ </style>
41
+ </head>
42
+ <body>
43
+ <h1>Continuous Speech Recognition</h1>
44
+ <div class="controls">
45
+ <button id="start">Start Listening</button>
46
+ <button id="stop" disabled>Stop Listening</button>
47
+ <button id="clear">Clear Text</button>
48
+ </div>
49
+ <div id="status">Ready</div>
50
+ <div id="output"></div>
51
+
52
+ <script>
53
+ if (!('webkitSpeechRecognition' in window)) {
54
+ alert('Speech recognition not supported');
55
+ } else {
56
+ const recognition = new webkitSpeechRecognition();
57
+ const startButton = document.getElementById('start');
58
+ const stopButton = document.getElementById('stop');
59
+ const clearButton = document.getElementById('clear');
60
+ const status = document.getElementById('status');
61
+ const output = document.getElementById('output');
62
+ let fullTranscript = '';
63
+ let lastUpdateTime = Date.now();
64
+ // Configure recognition
65
+ recognition.continuous = true;
66
+ recognition.interimResults = true;
67
+ startButton.onclick = () => {
68
+ try {
69
+ recognition.start();
70
+ status.textContent = 'Listening...';
71
+ startButton.disabled = true;
72
+ stopButton.disabled = false;
73
+ } catch (e) {
74
+ console.error(e);
75
+ status.textContent = 'Error: ' + e.message;
76
+ }
77
+ };
78
+ stopButton.onclick = () => {
79
+ recognition.stop();
80
+ status.textContent = 'Stopped';
81
+ startButton.disabled = false;
82
+ stopButton.disabled = true;
83
+ };
84
+ clearButton.onclick = () => {
85
+ fullTranscript = '';
86
+ output.textContent = '';
87
+ };
88
+ recognition.onresult = (event) => {
89
+ let interimTranscript = '';
90
+ let finalTranscript = '';
91
+ // Process results
92
+ for (let i = event.resultIndex; i < event.results.length; i++) {
93
+ const transcript = event.results[i][0].transcript;
94
+ if (event.results[i].isFinal) {
95
+ finalTranscript += transcript + '\n';
96
+ } else {
97
+ interimTranscript += transcript;
98
+ }
99
+ }
100
+ // Update if we have final results or it's been 5 seconds
101
+ if (finalTranscript || (Date.now() - lastUpdateTime > 5000)) {
102
+ if (finalTranscript) {
103
+ fullTranscript += finalTranscript;
104
+ } else if (interimTranscript) {
105
+ fullTranscript += interimTranscript + '\n';
106
+ }
107
+ lastUpdateTime = Date.now();
108
+ }
109
+ // Display results
110
+ output.textContent = fullTranscript + (interimTranscript ? '... ' + interimTranscript : '');
111
+
112
+ // Auto-scroll to bottom
113
+ output.scrollTop = output.scrollHeight;
114
+ };
115
+ recognition.onend = () => {
116
+ // Automatically restart if not manually stopped
117
+ if (!stopButton.disabled) {
118
+ try {
119
+ recognition.start();
120
+ console.log('Restarted recognition');
121
+ } catch (e) {
122
+ console.error('Failed to restart recognition:', e);
123
+ status.textContent = 'Error restarting: ' + e.message;
124
+ startButton.disabled = false;
125
+ stopButton.disabled = true;
126
+ }
127
+ }
128
+ };
129
+ recognition.onerror = (event) => {
130
+ console.error('Recognition error:', event.error);
131
+ status.textContent = 'Error: ' + event.error;
132
+
133
+ // Only reset buttons if it's a fatal error
134
+ if (event.error === 'not-allowed' || event.error === 'service-not-allowed') {
135
+ startButton.disabled = false;
136
+ stopButton.disabled = true;
137
+ }
138
+ };
139
+ }
140
+ </script>
141
+ </body>
142
+ </html>
143
+
144
+ """
145
+
146
+
147
+ st.markdown(html)
148
+
149
+