使用Speech实现js播放音频

经再次测试发现第一次调用时候语音播放多遍，请待我继续完善。

环境：

windows10；

IIS 10；

.Net4.5.2;

例子代码：传送门

首先在程序中添加System.Speech的引用

在控制器中加入以下代码：

        public async Task GetSpeek(string context)
        {
            try
            {
                using (SpeechSynthesizer hello = new SpeechSynthesizer())
                {
                    var speek = hello.SpeakAsync(context);
                    while (!speek.IsCompleted)
                    {
                        System.Threading.Thread.Sleep(100);
                    }
                    using (System.IO.MemoryStream ms = new System.IO.MemoryStream())
                    {
                        hello.SetOutputToWaveStream(ms);

                        HttpContext.Response.ClearContent();
                        HttpContext.Response.ContentType = "audio/mp3";
                        HttpContext.Response.BinaryWrite(ms.ToArray());
                        //Dispose
                        await ms.FlushAsync();
                        // ms.Dispose();
                        ms.Close();
                        hello.Dispose();
                        HttpContext.Response.Close();
                    }
                }
            }
            catch (Exception ex)
            {

            }
        }

注意：这里只能使用异步方法

为什么？异常会告诉你。

最后一句

HttpContext.Response.Close();

　　

这句，为什么，等会我再解释，先上前端代码：（弃用）

    function speckText() {
        try {
            var n = new Audio();

            var url = "http://localhost:8211/Home/GetSpeek?context=" + Math.random();
            n.src = url;
            n.loop = false;
            n.play();
        } catch (e) {

        }
    }

这里使用html5的audio控件，我这边加了一个

n.loop=false

但是，在测试时候，发现若后台不断开链接，该audio会重复读3遍。而在javascript加这句也没用。所以后台必须给前端一个停止的信息，用来停止这次链接。

这里就有一个不好的地方。

上图！！！

可以看出由于是后台发送停止的，所以前端这边都是显示链接失败，但是！语音的确是有的。

还有一个点就是，发布到IIS上时

进程模型=>标识=>修改为LocalSystem。

没了~

若大家有什么更好的可以推荐给我。有什么优化建议也可以交流交流。

最新处理方案

　　　　　 var messageArray = new Array();//用于存储数据信息

　　　　　 startSpeech();
         function startSpeech() {
         //定时器读取数据内容，并移除已读数据，由于不熟悉js所以直接用获取    
         //第一个数据信息，然后再移除第一个数据信息，作为一个队列来处理
            window.setInterval(function () {
                if (messageArray.length != 0) {
                    var item = messageArray[0];
                    getAudio(item);
                    console.log(item);
                    messageArray.splice(0, 1);
                }
            }, 5000);
         }

         function getAudio(item) {
         //使用异步链接地址
                $.ajax({
                    url: "http://localhost:64441/StatsShow/GetSpeek?context=" + item,
                    type: "get",
                })
            }

神异步...

灰常感谢