// requires JQuery
sS hSpeechRecognition(S jsOnSpeech) {
  S language = "de-DE";
  bool autoTurnOn = true;
  
  ret hjavascript([[
    var bigOn = #BIGON#, pause = false, listening = false;
    
    function resultHTML(html) {
      if ($("#speechResults")) $("#speechResults").html(html);
    }

    function update() {
      var btn = $("#speechOnBtn");
      if (btn) {
        btn.prop('disabled', false);
        btn.html(bigOn ? "Turn off" : "Turn on");
      }

      var should = bigOn && !pause;
      if (should && !listening) startRecognition();
      else if (!should && listening) stopRecognition();
    }
    
    function stopRecognition() {
      listening = false;
      recognition.stop();
      update();
    }
    
    function startRecognition() {
      listening = true;
      recognition.start();
      update();
    }

    if (!webkitSpeechRecognition) {
      resultHTML("No webkit");
      return;
    }
    
    var recognition = new webkitSpeechRecognition();
    
    resultHTML("Have webkit");
    recognition.lang = "#LANGUAGE#";
    
    recognition.onerror = function(event) { 
      var s = " ";
      if (event.error != "no-speech") s = "Error: " + event.error;
      resultHTML(s);
    }
    
    recognition.onresult = function(event) { 
      var result = event.results[0];
      var transcript = result[0].transcript;
      resultHTML("Transcript: " + transcript);
      #ONSPEECH#
    }
    
    recognition.onnomatch = function(event) { 
      resultHTML("-");
    }
    
    recognition.onend = function(event) { 
      listening = false; setTimeout(update, 100);
    }
    
    function startOrStop() {
      bigOn = !bigOn;
      update();
    }
    
    update();
  ]]
    .replace("#BIGON#", str(autoTurnOn))
    .replace("#LANGUAGE#", language)
    .replace("#ONSPEECH#", jsOnSpeech));
}