现象:
其他支持此功能的浏览器正常,但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];