-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
61 lines (54 loc) · 2.11 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
document.addEventListener('DOMContentLoaded', () => {
const startBtn = document.getElementById('start-btn');
const stopBtn = document.getElementById('stop-btn');
const transcriptDiv = document.getElementById('transcript');
const micSymbol = document.getElementById('mic-symbol');
let recognition;
// Check if the browser supports the Web Speech API
if ('webkitSpeechRecognition' in window) {
recognition = new webkitSpeechRecognition();
recognition.continuous = true;
recognition.interimResults = true;
recognition.lang = 'en-US';
recognition.onstart = () => {
transcriptDiv.innerHTML = '•';
micSymbol.style.display = 'block';
};
recognition.onresult = (event) => {
let interimTranscript = '';
let finalTranscript = '';
for (let i = 0; i < event.results.length; i++) {
const transcript = event.results[i][0].transcript;
if (event.results[i].isFinal) {
finalTranscript += transcript + ' ';
} else {
interimTranscript += transcript;
}
}
transcriptDiv.innerHTML = finalTranscript + '<i>' + interimTranscript + '</i>';
};
recognition.onerror = (event) => {
transcriptDiv.innerHTML = 'Error occurred in recognition: ' + event.error;
micSymbol.style.display = 'none';
};
// Remove the message from the recognition.onend event handler
recognition.onend = () => {
if (transcriptDiv.innerHTML === '•') {
transcriptDiv.innerHTML = '';
}
micSymbol.style.display = 'none';
};
} else {
transcriptDiv.innerHTML = 'Your browser does not support the Web Speech API. Please try a different browser.';
}
startBtn.addEventListener('click', () => {
if (recognition) {
recognition.start();
}
});
stopBtn.addEventListener('click', () => {
if (recognition) {
recognition.stop();
}
});
});