js文字轉語音並播放


這里調用的是百度文字轉語音開放API

html:

 1   <div>
 2     <input type="text" id="ttsText">
 3     <input type="button" id="tts_btn" onclick="doTTS()" value="播放">
 4   </div>
 5   <div id="bdtts_div_id">
 6     <audio id="tts_autio_id" autoplay="autoplay">
 7       <source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&amp;ie=UTF-8&amp;spd=5&amp;per=1&amp;text=請輸入文字" type="audio/mpeg">
 8       <embed id="tts_embed_id" height="0" width="0" src="">
 9     </audio>
10   </div>

js:

 1     function doTTS() {
 2       var ttsDiv = document.getElementById('bdtts_div_id');
 3       var ttsAudio = document.getElementById('tts_autio_id');
 4       var ttsText = document.getElementById('ttsText').value;
 5 
 6       // 文字轉語音
 7       ttsDiv.removeChild(ttsAudio);
 8       var au1 = '<audio id="tts_autio_id" autoplay="autoplay">';
 9       var sss = '<source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&per=3&spd=5&text=' + ttsText + '" type="audio/mpeg">';
10       var eee = '<embed id="tts_embed_id" height="0" width="0" src="">';
11       var au2 = '</audio>';
12       ttsDiv.innerHTML = au1 + sss + eee + au2;
13 
14       ttsAudio = document.getElementById('tts_autio_id');
15 
16       ttsAudio.play();
17     }

代碼中改變傳參可更改配置:

lan=zh(語言zh:中文;en:英文;fr:法文;)

ie=UTF-8(字符集)

per=3(每3個字符停頓)

spd=5(語音播放速度,數字越大越快0-15)

text=“”(需要轉換的文字)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM