자세 한 내용 은 홈 페이지 에서 JS 를 통 해 텍스트 의 음성 낭독 을 실현 합 니 다.

요약:음성 합성:텍스트 변환 기술(TTS)이 라 고도 불 리 며 컴퓨터 자체 가 만 들 거나 외부 에서 입력 한 문자 정 보 를 알 아들 을 수 있 고 유창 한 말 하기 출력 으로 바 꾸 는 기술 입 니 다.
1.인터페이스 정의

http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=       
매개 변수 설명:
  • lan=zh:언어 는 중국어 이 고 lan=en 으로 바 뀌 면 언어 는 영어 입 니 다.
  • ie=UTF-8:문자 형식.
  • spd=2:언어 속 도 는 1-9 의 숫자 일 수 있 고 숫자 가 클 수록 언어 속도 가 빠르다.4567918)
  • text=**:이것 이 바로 당신 이 바 꾸 려 는 문자 입 니 다.
  •  2.예시 코드
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    		<title>      </title>
    		<script type="text/javascript"> 
    		function doTTS(){
    			var ttsDiv = document.getElementById('bdtts_div_id');
    			var ttsAudio = document.getElementById('tts_autio_id');
    			var ttsText = document.getElementById('ttsText').value;
    			
    			//              
    			/*var ssrcc = 'http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=10&text='+ttsText;
    			document.getElementById('tts_source_id').src=ssrcc;*/
    			
    			//               
    			ttsDiv.removeChild(ttsAudio);
    			var au1 = '<audio id="tts_autio_id" autoplay="autoplay">';
    			var sss = '<source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=9&text='+ttsText+'" type="audio/mpeg">';
    			var eee = '<embed id="tts_embed_id" height="0" width="0" src="">';
    			var au2 = '</audio>';
    			ttsDiv.innerHTML = au1 + sss + eee + au2;
    			
    			ttsAudio = document.getElementById('tts_autio_id');
    			
    			ttsAudio.play();
    		}
    		</script>
    	</head>
    	<body>
    		<div>
    			<input type="text" id="ttsText">
    			<input type="button" id="tts_btn" onclick="doTTS()" value="  ">
    		</div>
    		<div id="bdtts_div_id">
    			<audio id="tts_autio_id" autoplay="autoplay">
    				<source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=9&text=    " type="audio/mpeg">
    				<embed id="tts_embed_id" height="0" width="0" src="">
    			</audio>
    		</div>
    	</body>
    </html>
    
    3.참고 자료
    사이트 주소:http://yuyin.baidu.com/docs/tts/44
    위 에서 말씀 드 린 것 은 편집장 님 께 서 소개 해 주신 것 입 니 다.홈 페이지 에서 JS 를 통 해 텍스트 의 음성 낭독 과 상세 한 통합 을 실현 하고 여러분 께 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

    좋은 웹페이지 즐겨찾기