UnityMeet/transs.html at main · shrutisawant16/UnityMeet · GitHub

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
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Speech-to-Text and Translation</title>
</head>
<body>

  <button onclick="startListening()">Start Listening</button>
  <button onclick="stopListening()">Stop Listening</button>
  <p id="spokenText"></p>
  <div id="translatedText"></div>

  <script>
    let recognition;
    let isListening = false;

    async function startListening() {
        if (isListening) return;
        isListening = true;

        recognition = new webkitSpeechRecognition();
        recognition.continuous = true;
        recognition.interimResults = true;

        recognition.onresult = async function(event) {
            const spokenText = event.results[event.results.length - 1][0].transcript;
            document.getElementById('spokenText').innerText = `Spoken Text: ${spokenText}`;

            const translatedText = await translateText(spokenText);
            document.getElementById('translatedText').innerText = `Translated Text (mr): ${translatedText}`;
        };

        recognition.start();
    }

    function stopListening() {
        if (!isListening) return;
        isListening = false;
        recognition.stop();
    }

    async function translateText(text) {
        const apiKey = 'AIzaSyApQxJzw7_YvqWQZwEdLn2M1o-CK_HGMkA'; // Replace with your Google Translate API key
        const targetLanguage = 'mr'; // Replace with the desired language code

        try {
            const response = await fetch(`https://translation.googleapis.com/language/translate/v2?key=${apiKey}`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    q: text,
                    target: targetLanguage,
                }),
            });

            const data = await response.json();
            return data.data.translations[0].translatedText;
        } catch (error) {
            console.error('Error translating text:', error);
            return '';
        }
    }
  </script>

</body>
</html>