Spaces:
Running
Running
File size: 2,295 Bytes
0e1d7d8 3356369 0e1d7d8 3356369 0e1d7d8 3356369 0e1d7d8 3356369 0e1d7d8 3356369 0e1d7d8 3356369 |
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 62 63 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Speech Recognition and Translation</title>
</head>
<body>
<h1>Speech Recognition and Translation</h1>
<!-- Language selection -->
<form id="language-form" method="POST" action="/translate">
<label for="language">Choose Language:</label>
<select name="language" id="language">
<option value="1">Tamil</option>
<option value="2">English</option>
<option value="3">Hindi</option>
</select>
<br><br>
<button type="button" onclick="startSpeechRecognition()">Start Speech Recognition</button>
</form>
<h3>Recognized Text:</h3>
<p id="recognized-text"></p>
<h3>Translation:</h3>
<p id="translated-text"></p>
<script>
function startSpeechRecognition() {
const language = document.getElementById("language").value;
// Start speech recognition
const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
recognition.lang = language == "1" ? "ta-IN" : (language == "2" ? "en-US" : "hi-IN");
recognition.start();
recognition.onresult = function(event) {
const speechText = event.results[0][0].transcript;
document.getElementById("recognized-text").innerText = speechText;
// Send recognized text to the backend for translation
fetch("/translate", {
method: "POST",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: `language=${language}`
})
.then(response => response.json())
.then(data => {
if (data.translation) {
document.getElementById("translated-text").innerText = "Translation: " + data.translation;
} else {
document.getElementById("translated-text").innerText = "Error: " + data.error;
}
})
.catch(error => console.log(error));
};
}
</script>
</body>
</html>
|