시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > 음성 합성 > speechSynthesis 를 이용한 음성 합성 상세정보
사이트등록
현재접속자 새로고침
speechSynthesis 를 이용한 음성 합성
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 싸이월드 공감
소스분류 음성 합성
다운로드 횟수 3 회
간단설명 speechSynthesis 를 이용하여 텍스트를 음성으로 출력 합니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기


HTML5의 Speech Synthesis API에 대해서 소개 합니다.


SpeechSynthesis 는 텍스트를 음성으로 변환해주는 TTS API 입니다.

예전에 TTS 서비스가 있었지만 유료이거나 웹에서 사용하기 어려운 경우가 많았습니다.

하지만 이제는 HTML5 의 내장 기능으로 쉽게 웹에서 사용할 수 있습니다.


당연히 쉽게 사용할 수 있다는 것은 장점입니다.

하지만 HTML5 기능을 지원하지 않는 브라우저 또는 internet Explorer 과 같은 지원은 하지만 

완벽하게 지원하지 않는 브라우저에서는 사용할 수 없다는 단점도 있습니다.

하지만 HTML5 의 지원여부는 시간이 지나면 자동 해결되지 않을까 생각 합니다.


간단한 브라우저별 지원 목록과 API를 보고 싶다면 아래의 링크를 클릭하세요.

https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis




상세한 브라우저 별 지원여부를 보고 싶다면 아래의 링크를 클릭하세요.




첨부된 파일을 압축해제하면 Creative Punch 에서 제공한 코드를 이용하여 샘플 페이지를 만든 파일을 다운로드 할 수 있습니다.







사용해보니 Edge 브라우저는 음성에 제한이 있었습니다.

아마 윈도우의 종류에 따라서 음성 지원이 제한되는 느낌이였습니다.


크롬의 경우 여러 음성을 골고루 지원하고 있었습니다.

크롬의 언어 지원 목록은 아래의 리스트를 참고하세요. 

"Microsoft Heami Desktop - Korean" "(default)"
"Microsoft Zira Desktop - English (United States)" ""
"Google Deutsch" ""
"Google US English" ""
"Google UK English Female" ""
"Google UK English Male" ""
"Google español" ""
"Google español de Estados Unidos" ""
"Google français" ""
"Google हिन्दी" ""
"Google Bahasa Indonesia" ""
"Google italiano" ""
"Google 日本語" ""
"Google 한국의" ""
"Google Nederlands" ""
"Google polski" ""
"Google português do Brasil" ""
"Google русский" ""
"Google 普通话(中国大陆)" ""
"Google 粤語(香港)" ""
"Google 國語(臺灣)" ""


네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 88678248 보이는 도배방지키를 입력하세요.