📌
<!DOCTYPE html>
<!--src/main/webapp/20220922/javascript9.html
-->
<html>
<head>
<meta charset="UTF-8">
<title>TTS(Text to Speech) 연습</title>
<script type="text/javascript">
let msg = new SpeechSynthesisUtterance(); //TTS 객체
function ttsTest() {
msg.text = intext.value; //textarea에 내용
speechSynthesis.speak(msg); //msg 내용을 읽기
}
</script>
</head>
<body>
<textarea rows="10" cols="50" id="intext">안녕하세요.반갑습니다.</textarea>
<input type="button" onclick="ttsTest()" value="읽기">
</body>
</html>
'수업(국비지원) > JavaScript' 카테고리의 다른 글
| [JavaScript] Exam 구구단 출력 (0) | 2023.04.18 |
|---|---|
| [JavaScript] 문자열 함수 (0) | 2023.04.18 |
| [JavaScript] 이미지 선택하기(function, drawimg, sel, img, onchange,option), 마우스를 이용한 이미지 변경 (0) | 2023.04.18 |
| [JavaScript] Math 클래스 사용, onchange 이벤트 (0) | 2023.04.18 |
| [JavaScript] prompt 메세지 (0) | 2023.04.18 |