[JavaScript] HTML기본 지원TTS (컴퓨터가 글자 읽기)

 var voices = [];

 function setVoiceList() {
     voices = window.speechSynthesis.getVoices();
 }
 setVoiceList();
 if (window.speechSynthesis.onvoiceschanged !== undefined) {
     window.speechSynthesis.onvoiceschanged = setVoiceList;
 }

 function speech(txt) {
     if (!window.speechSynthesis) {
         alert("음성 재생을 지원하지 않는 브라우저입니다. 크롬, 파이어폭스 등의 최신 브라우저를 이용하세요");
         return;
     }
     var lang = 'ko-KR';
     var utterThis = new SpeechSynthesisUtterance(txt);
     utterThis.onend = function (event) {
         console.log('end');
     };
     utterThis.onerror = function (event) {
         console.log('error', event);
     };
     var voiceFound = false;
     for (var i = 0; i < voices.length; i++) {
         if (voices[i].lang.indexOf(lang) >= 0 || voices[i].lang.indexOf(lang.replace('-', '_')) >= 0) {
             utterThis.voice = voices[i];
             voiceFound = true;
         }
     }
     if (!voiceFound) {
         alert('voice not found');
         return;
     }
     utterThis.lang = lang;
     utterThis.pitch = 1;
     utterThis.rate = 1; //속도
     window.speechSynthesis.speak(utterThis);
 }
 
 speech(읽을 내용)