-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
沉沙
2018-07-16
来源 ：
阅读 1110
评论 0
摘要：本篇HTML5教程探讨了HTML5识别语音相关知识，希望阅读本篇文章以后大家有所收获，帮助大家对HTML5的理解更加深入。
speechRecognition API
Speech API 只支持 Chrome,
speech = new webkitSpeechRecognition
speech.onresult = (event) ->
console.log event.results[0][0]
speech.lang = 'cmn-Hans-CN'
speech.continous = yes
speech.start()
Chrome 启用语音识别的接口需要每次用户确认
推测是只有 HTTPS 的页面才能保存用户设置, 避免每次重复手动必用
写了个简单的页面进行测试, 确实 HTTPS 的页面即便刷新权限还是保留的:
<!DOCTYPE html><html><head>
<title>Speech</title>
<script defer src="src/main.js"></script></head><body><div id="entry">Entry</div></body></html>
entry = document.querySelector '#entry'
entry.onclick = ->
speech = new webkitSpeechRecognition
speech.start()
getUserMedia API 以及 AudioContext
音频内容可以通过 navigator.getUserMedia() 来获取
这份代码的结构, 除了 audioplayer.js 其他都和音频处理相关:index.html
main.js
audioplayer.js
recorderjs/
recorder.js
recorderWorker.js
recorder.js 主要是对另一个 web worker 文件的封装
worker 文件在后台处理音频编解码的工作, 通过消息传回 recorder.js
数据从 main.js 里调用 getUserMedia 取出, 经过 new AudioContext() 处理
本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML5/CSS3频道，获取更多WEB前端知识！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
