sS hSpeechRecognition(S jsOnSpeech, bool autoStart) {
  ret hSpeechRecognition(jsOnSpeech, autoStart, "de-DE", true);
}

// requires JQuery
sS hSpeechRecognition(S jsOnSpeech, bool autoStart, S language, bool autoTurnOn, O... _) {
  optPar S noWebKit = "No webkit";
  optPar S speechUI = "";
  ret hjavascript(([[
    var bigOn = #BIGON#, srPause = false, listening = false;
    var recognition;
    var firstStart = true;
    var srUpdatesBlocked = false;

    function resultHTML(html) {
      if ($("#speechResults")) $("#speechResults").html(html);
    }

    function srUpdate() {
      if (srUpdatesBlocked) return;
      var btn = $("#speechOnBtn, .speechOnBtn");
      //console.log("srUpdate: btn=" + btn.length);
      btn.prop('disabled', false);
      btn.html(bigOn ? "Stop listening" : "Listen");
      //console.log("srUpdate: bigOn=" + bigOn + ", srPause=" + srPause);

      var should = bigOn && !srPause;
      $(".listenStatus").css("visibility", should ? "visible" : "hidden");
      if (should && !listening) startRecognition();
      else if (!should && listening) stopRecognition();
    }
    
    function stopRecognition() {
      listening = false;
      recognition.stop();
      srUpdate();
    }
    
    function isMobile() {
      return /mobile/i.test(navigator.userAgent);
    }
    
    function startRecognition() {
      listening = true;
      recognition.start();
      if (firstStart) {
        firstStart = false;
        resultHTML(isMobile() ? "Please talk after the blip" : "You can talk now");
      }
      srUpdate();
    }
    
    function startSpeechRecog() {
      resultHTML("Starting");
      console.log("startSpeechRecog");
  
      if (!('webkitSpeechRecognition' in window)) {
        console.log("No webkit");
        document.writeln(]] + jsQuote(noWebKit) + [[);
        return;
      }
      
      console.log("Have webkit");
      document.writeln(]] + jsQuote(speechUI) + [[);
      
      recognition = new webkitSpeechRecognition();
      resultHTML("Speech recognition available.");
      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("You said: \"" + transcript + "\"");
        #ONSPEECH#
        if (transcript == "stop listening") {
          bigOn = false;
          srUpdate();
        }
      }
      
      recognition.onnomatch = function(event) { 
        resultHTML("-");
      }
      
      recognition.onend = function(event) { 
        listening = false;
        srUpdatesBlocked = true; // block for a short time
        setTimeout(function() {
          srUpdatesBlocked = false;
          srUpdate();
        }, 100);
      }
      
      srUpdate();
    }
    
    // legacy
    function startOrStop() { startOrStop(); }
    
    function startOrStopSpeechRecog() {
      bigOn = !bigOn;
      srUpdate();
    }
    
    window.srUpdate = srUpdate;
  ]] + (autoStart ? "startSpeechRecog();" : ""))
    .replace("#BIGON#", str(autoTurnOn))
    .replace("#LANGUAGE#", language)
    .replace("#ONSPEECH#", jsOnSpeech));
}