!7

p-exp { serveHttpIfMain(8123); }

html {
  ret htitle("Speech Output Test")
    + p("Press F12 to open console")
    + "Text to say: " + htextinput("text", id := "thetext", onKeyUp := [[if (event.keyCode == 13) { say(document.getElementById("thetext").value); return false; }]])
    + hjavascript([[
      function say(text) {
        console.log("Saying: " + text);
        var u = new SpeechSynthesisUtterance(text);
        u.volume = 0.25; // quarter volume
        u.onstart = function() { console.log("Utterance start"); };
        u.onend = function() { console.log("Utterance end"); };
        u.onboundary = function() { console.log("Utterance boundary"); };
        u.onerror = function() { console.log("Utterance error"); };
        window.speechSynthesis.speak(u);
      }
      
      console.log("Voices: " + window.speechSynthesis.getVoices().length);
      var speaking = true;
      function checkStatus() {
        var s = window.speechSynthesis.speaking;
        if (s != speaking)
          if (s)
            console.log("Speaking");
          else
            console.log("Not speaking");
        speaking = s;
        setTimeout(checkStatus, 200);
      }
      checkStatus();
    ]]);
}