JS實現文字轉語音並播放

html：

<code>

   
   


   <audio>
      <source>
      <embed>
   /<embed>/<source>/<audio>
/<code>

js：

<code>function doTTS() {
    var ttsDiv = document.getElementById('bdtts_div_id');
    var ttsAudio = document.getElementById('tts_autio_id');
    var ttsText = document.getElementById('ttsText').value;
      // 文字轉語音
    ttsDiv.removeChild(ttsAudio);
    var au1 = '<audio>';
    var sss = '<source>';
    var eee = '<embed>';
    var au2 = '/<embed>/<source>/<audio>';
    ttsDiv.innerHTML = au1 + sss + eee + au2;
    ttsAudio = document.getElementById('tts_autio_id');
    ttsAudio.play();
}/<code>

代碼中改變傳參可更改配置：lan=zh（語言zh:中文；en:英文；fr:法文；）ie=UTF-8（字符集）per=3（每3個字符停頓）spd=5（語音播放速度，數字越大越快0-15）text=“”（需要轉換的文字）

2.純JS實現文字轉語音

環境：不支持IE瀏覽器

官網網址：

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

基礎使用:

<code>var msg = new SpeechSynthesisUtterance("你好");
//msg.rate = 4 播放語速
//msg.pitch = 10 音調高低
//msg.text = "播放文本"
//msg.volume = 0.5 播放音量
speechSynthesis.speak(msg);/<code>

基礎方法：

<code>//播放
window.speechSynthesis.speak();
//暫停
window.speechSynthesis.pause();
//繼續
window.speechSynthesis.resume();
//停止
window.speechSynthesis.cancel();/<code>

閱讀更多 理木客 的文章

關鍵字: 瀏覽器 語音合成 百度