文本框支持语音识别输入功能

本文探讨了在类Chrome以webkit核心的浏览器上实现语音输入文本功能的简单方式,介绍了如何通过html5特性轻松添加语音输入,并讨论了其在实际应用中的局限性与未来潜力。
部署运行你感兴趣的模型镜像

这阵子看到好多网站的搜索文本框都添加了语音输入文本的功能,比如php100网站右上方的搜索输入框旁边多了个小话筒图标。点击那个小话筒,会弹出音量条,我们对着我们电脑的MIC较清晰地说出一个单词,例如“中国”,待loading一会儿后,文本输入框便出现了“中国”二字!实在是令人惊喜的一个功能。不过别开心的太早。这个功能目前只支持在类似chrome以webkit核心的浏览器上才能实现(要求chrome版本大于chrome11)。

其实实现上非常简单,这个功能是html5种的一个特性,只需要给文本输入框添加 x-webkit-speech属性即可。看来google对于html5中新奇的特性支持上是很积极的。所 以我们有幸在chrome上看到这样惊喜的功能。想想以后无需按键就可以实现输入,看起来还是很cool的。


<input type="text" x-webkit-speech />


不过语音识别技术还是有一定的局限性,比如噪音干扰,话语要清晰说出,否则识别准确性上还有待加强。



您可能感兴趣的与本文相关的镜像

Langchain-Chatchat

Langchain-Chatchat

AI应用
Langchain

Langchain-Chatchat 是一个基于 ChatGLM 等大语言模型和 Langchain 应用框架实现的开源项目,旨在构建一个可以离线部署的本地知识库问答系统。它通过检索增强生成 (RAG) 的方法,让用户能够以自然语言与本地文件、数据库或搜索引擎进行交互,并支持多种大模型和向量数据库的集成,以及提供 WebUI 和 API 服务

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值