HackTheNorth2020/playbutton.html at main · Risath18/HackTheNorth2020 · 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <h1>Lol this is my website</h1>
        <button onclick ="toggle()">Play</button>
        <div id="results">
        <span id="final_span" class="final"></span>
        <span id="interim_span" class="interim"></span>
        <p>
        </div>
    </body>
</html>

<script>
var final_transcript = "";
var interim_transcript = "";

var toggled = true;
      function toggle(){
        if(!toggled){
          console.log("dissabled");
          button(toggled);
          toggled = true;

          return;
        }
        if(toggled){
          console.log("enabled");
          button(toggled);
          toggled = false;
          return;
        }
      }

function button(toggled){
    //START HERE

        if (!('webkitSpeechRecognition' in window)) {
      // alert("Lol ur browser sucks")
    } else {
      var recognition = new webkitSpeechRecognition(); //new recognition class
      recognition.continuous = true;
      recognition.interimResults = true;

        recognition.onstart = function() {
      }


      recognition.onresult = function(event) {
        var interim_transcript = '';
        for (var i = event.resultIndex; i < event.results.length; ++i) {
          if (event.results[i].isFinal) {
            final_transcript += event.results[i][0].transcript;
            console.log("Final"+event.results[i][0].transcript)
          } else {
            interim_transcript += event.results[i][0].transcript;
            console.log("Interim:"+event.results[i][0].transcript)
          }
        }
        final_transcript = capitalize(final_transcript);
        final_span.innerHTML = linebreak(final_transcript);
        interim_span.innerHTML = linebreak(interim_transcript);

        var two_line = /\n\n/g;
        var one_line = /\n/g;
        function linebreak(s) {
          return s.replace(two_line, '<p></p>').replace(one_line, '<br>');
        }

        var first_char = /\S/;
        function capitalize(s) {
          return s.replace(first_char, function(m) { return m.toUpperCase(); });
        }

      };
    }

    recognition.start(); //starts
    if(toggled === false){ //if false, stops
      recognition.stop();
    }
    return;
  }


</script>