1. Io(C)T
    Internet of Conversational Things

  2. Wargames (1983)

  3.  

    
    let msg = new SpeechSynthesisUtterance('Hello World');
    window.speechSynthesis.speak(msg);
            
  4. Speech synthesiser

    Original source:
    http://github.com/mdn/web-speech-api

    Enter some text in the input below and press return to hear it. Change voices using the dropdown menu.

    1
    1
  5. Speech Recognition

  6. Apple's Conversational UI (1987)

  7. Live Speech-to-Text Demo

    https://www.google.com/intl/en/
    chrome/demos/speech.html
  8. Speech color changer

    Original source:
    http://github.com/mdn/web-speech-api

    ...diagnostic messages

  9. Interesting Source Code

    
    var colors = [ 'aqua', 'azure', 'beige']; //snip
    var grammar = '#JSGF V1.0; grammar colors; public  = ' +
        colors.join(' | ') + ' ;'
    
    var recognition = new SpeechRecognition();
    var speechRecognitionList = new SpeechGrammarList();
    speechRecognitionList.addFromString(grammar, 1);
    recognition.grammars = speechRecognitionList;
            
  10. More Interesting Source Code

    
    button.onclick = function() {
      recognition.start();
      console.log('Ready to receive a color command.');
    }
    
    recognition.onresult = function(event) {
      var last = event.results.length - 1;
      var color = event.results[last][0].transcript;
    
      diagnostic.textContent = 'Result received: ' + color + '.';
      bg.style.backgroundColor = color;
      console.log('Confidence: ' +
                  event.results[0][0].confidence);
    }
            
  11. Amazon Alexa

  12. Wrapping up...

  13. Io(C)T
    Internet of Conversational Things

  14. Libby Davis, School Report