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));

}