嗷嗷方便的文字转语音,不过用的时候记得到百度语音上申请key,免费的.之前在网络上看到有人写了一部分,自己丰富下,以后用也方便

<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<html>
  <head>
    <  http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">
    < >百度语音测试</ >
  </head>
  <body>
    <div>
      <input type=\"text\" id=\"ttsText\">
      <input type=\"button\" id=\"tts_btn\"  =\"doTTS()\" value=\"获取新的语音\">
      <input type=\"button\" id=\"tts_btns\"  =\"zanting()\" value=\"暂停\">
      <input type=\"button\" id=\"tts_btns\"  =\"jixu()\" value=\"继续/播放\">
       <input type=\"button\" id=\"tts_btns\"  =\"shichang()\" value=\"时长\">
    </div>
    <div id=\"bdtts_div_id\">
      <audio id=\"tts_autio_id\" >
        <source id=\"tts_source_id\" src=\"https://tsn.baidu.com/text2audio?tex=我喜欢你&lan=zh&per=4&cuid=1&ctp=1&tok=24.71726d18e11bf62415c11e3c2aa88121.2592000.1544946462.282335-14837008\" type=\"audio/mpeg\">
        <  id=\"tts_ _id\" height=\"0\" width=\"0\" src=\"\">
      </audio>
    </div>
  </body>
</html>
< >

    function zanting() {
        var ttsAudio = document.getElementById(\'tts_autio_id\');
        ttsAudio.pause();
    }
    function jixu() {
        var ttsAudio = document.getElementById(\'tts_autio_id\');
        ttsAudio.play();
    }

    function shichang() {
          var ttsAudio = document.getElementById(\'tts_autio_id\');
          alert(ttsAudio.duration);
    }

        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=\"https://tsn.baidu.com/text2audio?tex=\'+ttsText+\'&lan=zh&per=4&cuid=1&ctp=1&tok=24.71726d18e11bf62415c11e3c2aa88121.2592000.1544946462.282335-14837008\" type=\"audio/mpeg\">\';
      var eee = \'<  id=\"tts_ _id\" height=\"0\" width=\"0\" src=\"\">\';
      var au2 = \'</audio>\';
      ttsDiv.innerHTML = au1 + sss + eee + au2;
      
      ttsAudio = document.getElementById(\'tts_autio_id\');
      
      ttsAudio.play();
    }




</ >

 

继续阅读与本文标签相同的文章

无标签
最新文章 最热文章
收藏 打印

特别推荐 2026年05月19日 星期二

精彩发现

热门标签

阻止表单提交 窗口 关闭浏览器 清除 CDATA css文件 光标位置 坐标 javascrpt !important 超链接 数字

相关文章