科大讯飞文字合成语音 html5

最新推荐文章于 2024-08-08 08:23:11 发布

ftToday

最新推荐文章于 2024-08-08 08:23:11 发布

阅读量7.1k

点赞数

分类专栏：前端知识点积累文章标签：科大讯飞语音合成讯飞 html5 科大讯飞html5

前端同时被 2 个专栏收录

125 篇文章 3 订阅

订阅专栏

知识点积累

5 篇文章 0 订阅

订阅专栏

科大讯飞与 H5（思路）
1 获取文字
2 将文字和其他一些信息，调用讯飞接口，去转化为语音，回调给前端。
总结：文字转语音，前端并不能做什么只是传给后台进行处理。

<p>因项目需求，这里需要播放语音，但是网站的数据都是一些文字性的内容，所以我找到了讯飞平台，利用里面提供的Html5语音合成，实现这一功能</p><pre class="html" name="code"><!DOCTYPE html>  
<html>  
<head>  
<script src="https://thlg.nl/p/files/md5.js"></script>   
<script src="http://webapi.openspeech.cn/socket.io/socket.io.js"></script>  
<script src='http://webapi.openspeech.cn/fingerprint.js'></script>  
<script src="http://webapi.openspeech.cn/tts.min.js"></script>  
</head>  
<body>  
       <div id="voice">  
            <input  type="button" onclick="playVoice('今天天气不错，一起去海边烧烤怎么样！');" />  
       </div>  
</body>  
</html>

<script type="text/javascript">  
    //初始化Session对象  
    var session = new IFlyTtsSession({  
                  'url' : 'http://webapi.openspeech.cn/',                             
                  'interval' : '30000',   
                  'disconnect_hint' : 'disconnect',  
                  'sub' : 'tts'  
            });  
    var audio = null;  
    //输入文本，输出语音播放链接 @content 待合成文本(不超过4096字节)  
    function play(content) {  
        resetVoice();  
        var appid = "你的appid";//应用APPID，在open.voicecloud.cn上申请即可获得  
        var timestamp = new Date().toLocaleTimeString();//当前时间戳，例new Date().toLocaleTimeString()  
            var expires = 60000;//签名失效时间，单位:ms，例60000     
        var vcn="vixr";//发音人，具体可参考官网的api  
        //secretkey在open.voicecloud.cn上申请即可获得  
        var signature = faultylabs.MD5(appid + '&' + timestamp + '&' + expires + '&' + "你的secretkey");        
        var params = { "params" : "aue = speex-wb;7, ent = intp65, spd = 50, vol = 50, tte = utf8, caller.appid=" + appid + ",timestamp=" + timestamp + ",expires=60000,vcn="+vcn, "signature" : signature, "gat" : "mp3"};   
        session.start(params, content, function (err, obj)  
    {  
            if(err) {  
                alert("语音合成发生错误，错误代码 ：" + err);  
            } else {  
            if(audio != null)  
                {  
                    audio.pause();  
                }  
                audio = new Audio();  
                audio.src = '';  
        audio.play();  
                audio.src = "http://webapi.openspeech.cn/" + obj.audio_url;  
                audio.play();  
            }  
        },function(message){  
             //语音合成结束启动下一次合成  
         if(message=="onEnd"){  
             console.log("本次会话结束!");  
                 audio=new Audio();  
         }  

        });  
    };  
    function playVoice(str){  
         play(str);  
    }  
     //停止播放音频  
     function stopVoice(){  
          if(audio!=null){  
         audio.state=2;  
         audio.pause();  
          }  
     }  
     //重置音频缓存队列和播放对象，若音频正在播放，则暂停当前播放对象，创建并使用新的播放对象                                
     function resetVoice(){  
          if(audio!=null){  
         audio.pause();  
          }  
          audio=new Audio();  
     }  
</script>