微软自家Edge浏览器亮点之一，要数集成了【中文晓晓】神经网络语音朗读，丰富利用了Azure文本转语音技术，直接原声输出到大家设备音频扬声器。同样，我们也能借助官方SDK，用2行JS代码，给H5网页、小程序加个“中文晓晓”朗读者，一键朗读整个网页文本内容，释放眼睛压力，让耳朵尝鲜下。下面，小伙伴和楼主一起来操作下吧。

图片

官方文档： https://docs.microsoft.com/zh-cn/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=script%2Cwindowsinstall&pivots=programming-language-javascript

操作步骤：

1、申请Azure认知服务免费版，（创建时，选择新加坡），获取节点位置名、密钥Key

图片

2、下载JS版本 https://aka.ms/csspeech/jsbrowserpackage ，引入到网页

3、编写JS方法，实现文本转语音，参考如下：

图片

楼主小提示：

“文本转语音”主要封装在SpeechSDK。

初始化依次配置SpeechSDK.SpeechConfig、SpeechSDK.AudioConfig；

SpeechSDK.SpeechConfig：将配置 密钥Key，区域位置名；

执行转换时，将调用SpeechSDK.SpeechSynthesizer异步；

处理语音输出。

4、将JS方法绑定到按钮点击事件，触发时将请求Azure语音Api，开始朗读。

图片

具体演示页面，右击查看源代码： https://www.axiangblog.cn/html/about.html

历史囤货：

囤货：免费版【Azure认知服务】中文文档/RestApi接口示例

[阅读原文]