lightbulb/index.js at master · hadeeb/lightbulb · 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
$(function () {
  $('[data-toggle="popover"]').popover()
})


function startDictation() {

    if (window.hasOwnProperty('webkitSpeechRecognition')) {

      var recognition = new webkitSpeechRecognition();

      recognition.continuous = false;
      recognition.interimResults = false;

      recognition.lang = "en-US";
      recognition.start();
      document.getElementById("voice-btn").classList.add("animated");
      document.getElementById("mic-ico").classList.add("text-danger");
      document.getElementById('detect-text').innerHTML = "Listening..";

      recognition.onresult = function(e) {
        document.getElementById('detect-text').innerHTML
                                 = e.results[0][0].transcript;
        recognition.stop();
        document.getElementById("voice-btn").classList.remove("animated");
        document.getElementById("mic-ico").classList.remove("text-danger");
        document.getElementById("loading").classList.add("fa","fa-spinner","fa-spin","fa-3x","fa-fw");

            axios.get('https://cryptic-anchorage-56002.herokuapp.com/bulb', {
              params: {
                text: e.results[0][0].transcript
              }
            })
            .then(function (response) {
                var data = response.data;
                if(data.status > 0) {
                    switch(data.red_state) {
                        case 1:switchOn('red-bulb');break;
                        case 2:switchOff('red-bulb');break;
                    }
                    switch(data.blue_state) {
                        case 1:switchOn('blue-bulb');break;
                        case 2:switchOff('blue-bulb');break;
                    }
                    var msgbox = document.getElementById("messages");
                    msgbox.innerHTML = "";
                    if(data.text.length < 1)
                      data.text.push("Couldn't recognize that text");
                    for(var msg in data.text) {
                      var item = document.createElement("li");
                      item.innerHTML = data.text[msg];
                      msgbox.appendChild(item);
                    }
                }
                else {
                    document.getElementById('messages').innerHTML =
                        "Sorry, some error has occured while analyzing the text";
                }
                document.getElementById("loading").className = "";


            })
            .catch(function (error) {
                document.getElementById('messages').innerHTML =
                    "Sorry, some error has occured while contacting the server";
                console.log(error);
                document.getElementById("loading").className = "";
            });

      };

      recognition.onerror = function(e) {
        recognition.stop();
        document.getElementById("voice-btn").classList.remove("animated");
        document.getElementById("mic-ico").classList.remove("text-danger");

        document.getElementById('detect-text').innerHTML
                                 = "Sorry,couldn't hear you";
      }

    }
    else {
      document.getElementById('detect-text').innerHTML
                                 = "Sorry,your browser is not supported";
    }
  }

function switchOn(bulb) {
    document.getElementById(bulb).classList.add("fa-inverse","blink");
  }
function switchOff(bulb) {
    document.getElementById(bulb).classList.remove("fa-inverse","blink");
  }

function toggle(bulb){
  if(document.getElementById(bulb).classList.contains("fa-inverse"))
    switchOff(bulb);
  else
    switchOn(bulb);
}