var msg = new SpeechSynthesisUtterance("输入要朗读的文字")
window.speechSynthesis.speak(msg)
</script>
这样就行,不需要任何第三方api集成。
补充一下,不是win10的用户,可能不会朗读
HTML5之语音识别实例代码
<input type="text" x-webkit-speech id="d1" lang="zh-CN" x-webkit-grammar="bUIltin:search" onwebkitspeechchange="foo()"/>
<script>
function foo(){
var n = document.getElementById("d1").value
if(n == "百度"){
window.location.href = "http://www.baidu.com"
}else{
window.location.href = "http://www.ahsdxy.ah.edu.cn/"
}
}
</script>
说明:
1)x-webkit-speech:语音识别支持属性
<input type="text" x-webkit-speech/>
2)lang:设置语言种类,比如汉语:lang="ch-CN"
<input type="text" x-webkit-speech lang="ch-CN"/>
3) x-webkit-grammar :语音输入语法
比如: x-webkit-grammar="bUIltin:search"使得语音输入的内容尽量靠近搜索内容,去除多余的字符,例如“的、啦”等
<input type="text" x-webkit-speech lang="ch-CN" x-webkit-grammar="bUIltin:search"/>
4) onwebkitspeechchange :语音输入事件,当语音改变时触发
比如:onwebkitspeechchange="foo()" ,当停止语音时,会触发js中的foo()函数
<input type="text" x-webkit-speech lang="ch-CN" x-webkit-grammar="bUIltin:search"
onwebkitspeechchange="foo()"/>
此时,需要写相应的JavaScript函数foo()
<script>
function foo(){
//函数体,如下:
alert(8)
}
</script>
1、首先,threejs是JavaScript编写的WebGL第三方库,提供了非常多的3D显示功能。打开软件使用语音识别等已有的技术。2、其次,从音频中提取音位信息,并输入给训练好的模型。
3、最后,输出对应的人脸表情即可实现。