speechSynthesis.speak()在chrome不执行问题

现象：

其他支持此功能的浏览器正常，但chrome无声音，也没有执行speechSynthesisUtterance.onstart()方法。

 

大概推测的原因：

1. 打印window.speechSynthesis.getVoices()返回信息，可发现chrome比其他浏览器多了Google XX等一系列voice：

2. 在未对speechSynthesisUtterance设置voice时，会默认根据speechSynthesisUtterance.lang判断使用哪个；而speechSynthesisUtterance.lang未设置则默认根据html标签lang属性、user-agent等能判断语言等方法判断。

3. 可以看到“Goolge 普通话（中国大陆）”和“Ting-Ting”均lang=zh-CN，但前者localService为false，后者为true。

4. 推测没设置voice时默认使用了“Goolge 普通话（中国大陆）”，而它实际需要使用远程服务、连不上所以一直没执行。

结论：

把voice设置成localService为true且支持中文的第一个voice就好啦：

utter.voice = voices.filter(function(voice) { return voice.localService == true && voice.lang == "zh-CN"; })[0];