JSFiddle - React, Tailwind, and code Playground

by cheongjin kim

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.6.0/annyang.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/SpeechKITT/0.3.0/speechkitt.min.js"></script>
<script>
if (annyang) {

	annyang.setLanguage('ko-KR');
  // Add our commands to annyang
  annyang.addCommands({
    '괜찮아': function() { SpeechKITT.setInstructionsText('잘 생각했어 ㅎ_ㅎ') }
  });

  // Tell KITT to use annyang
  SpeechKITT.annyang();

  // Define a stylesheet for KITT to use
  SpeechKITT.setStylesheet('//cdnjs.cloudflare.com/ajax/libs/SpeechKITT/0.3.0/themes/flat.css');
  
  SpeechKITT.setInstructionsText('무엇을 도와드릴까요? ("괜찮아"라고 말해-_-!)')

  // Render KITT's interface
  SpeechKITT.vroom();
}
</script>