web端文字转语音的几种方案

Posted 2020-10-10 天生我材必有用

最近在开发一个微信排队取号的的系统，其中对于服务员端（管理端） 需要有呼叫功能，即点按钮 就播出"xxx号顾客请就座"的声音。

经过在网上一番搜索研究，web端实现指定文字的语音播放 方案有这几种

1  免费在线服务，一些网站提供文字转语音文件的功能，其中好像百度，讯飞还提供接口调用，但对我来说，需要联网这个条件就被否决了。

2 使用微软内置activatex语音控件，最简单的但缺点也明显，只能在IE上用，考虑到系统可能在平板电脑上使用，所以这个方案也被否决。

 js代码   

   var VoiceObj = new ActiveXObject("Sapi.SpVoice");
   VoiceObj.Speak("xxx号顾客请就座", 1);

3  重点来了。 前端使用H5的audio播放组件，后台使用SpeechSynthesizer生成wav音频文件流直接向播放器的src输出。

   大致代码如下：

前端html

<audio id="audioPlay">
<source type="audio/wav" /> 
</audio>

......

function play(callText) {
var audioPlay = document.getElementById("audioPlay");
audioPlay.src = "../voicehandler.ashx? voice=" + callText;
audioPlay.play();
}

c#后台代码

public class VoiceHandler : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {      

            Thread t = null; 
            context.Response.ContentType = "application/wav";
            using (MemoryStream ms = new MemoryStream())
            {
               
                t = new Thread(() =>
                {
                    SpeechSynthesizer ss = new SpeechSynthesizer();
                    try
                    {
                        ss.Rate = -5;
                        ss.Volume = 90;
                        ss.SetOutputToWaveStream(ms);
                        ss.Speak(context.Request["voice"]);
                    }
                    catch(Exception  ex)
                    {
                        ss.Dispose();
                        context.Response.Write(ex.Message);
                    }
                });
                t.Start();
                t.Join();
                ms.Position = 0;
                if (ms.Length > 0)
                {
                    ms.WriteTo(context.Response.OutputStream);
                }
                context.Response.End();
               
            }         

        }
}

 

由于语音要设置人声，语速，然后合成语音等一个系列的过程，所以这里要注意的是需要通过异步线程方式调用 SpeechSynthesizer。