zoukankan      html  css  js  c++  java
  • JS实现文本的语音朗读

    更多内容请访问 www.uusystem.com

     
    摘要: 语音合成:也被称为文本转换技术(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的数字,数字越大,语速越快。

    text=**:这个就是你要转换的文字。

    2、示例代码

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     2 <html>
     3     <head>
     4         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     5         <title>百度语音测试</title>
     6         <script type="text/javascript"> 
     7         function doTTS(){
     8             var ttsDiv = document.getElementById('bdtts_div_id');
     9             var ttsAudio = document.getElementById('tts_autio_id');
    10             var ttsText = document.getElementById('ttsText').value;
    11             
    12             // 这样为什么替换不了播放内容
    13             /*var ssrcc = 'http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=10&text='+ttsText;
    14             document.getElementById('tts_source_id').src=ssrcc;*/
    15             
    16             // 这样就可实现播放内容的替换了
    17             ttsDiv.removeChild(ttsAudio);
    18             var au1 = '<audio id="tts_autio_id" autoplay="autoplay">';
    19             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">';
    20             var eee = '<embed id="tts_embed_id" height="0" width="0" src="">';
    21             var au2 = '</audio>';
    22             ttsDiv.innerHTML = au1 + sss + eee + au2;
    23             
    24             ttsAudio = document.getElementById('tts_autio_id');
    25             
    26             ttsAudio.play();
    27         }
    28         </script>
    29     </head>
    30     <body>
    31         <div>
    32             <input type="text" id="ttsText">
    33             <input type="button" id="tts_btn" onclick="doTTS()" value="播放">
    34         </div>
    35         <div id="bdtts_div_id">
    36             <audio id="tts_autio_id" autoplay="autoplay">
    37                 <source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=9&text=播报内容" type="audio/mpeg">
    38                 <embed id="tts_embed_id" height="0" width="0" src="">
    39             </audio>
    40         </div>
    41     </body>
    42 </html>

    转发于:https://blog.csdn.net/mixi9760/article/details/76206926

  • 相关阅读:
    http://www.17sucai.com/
    vs2010 开发过程中调试时 有错误不中断
    dev 激活没有权限问题
    华为设备板卡类别
    CentOS6.8安装python2.7以及XX-Net
    PHP之封装一些常用的工具类函数
    PHP环境配置
    Ajax接收不到PHP return后的结果的原因
    PHP实现删除数组中的特定元素
    PHP用单例模式实现一个数据库类
  • 原文地址:https://www.cnblogs.com/tianjifa/p/10443133.html
Copyright © 2011-2022 走看看