HTML5中speech属性是一个实现语音输入的方法,目前只有WebKit浏览器支持该该属性。
-
对象标签:input || textarea (目前只有input支持)
-
使用方法:
<input type="text" x-webkit-speech />
也可以使用XHTML语法:
<input type="text" x-webkit-speech="x-webkit-speech" />
-
其他属性:
-
lang 说明语音识别的语言种类
<input type="text" x-webkit-speech lang="zh-CN" />
-
x-webkit-grammar 精确语音内容:
<input type="text" x-webkit-speech x-webkit-grammar="bUIltin:search" />
-
onwebkitspeechchange事件:
<input type="text" x-webkit-speech onwebkitspeechchange="alert(this.value)"/>
-
检查语音识别是否激活方法:
if (document.createElement("input").webkitSpeech === undefined) {
alert("很遗憾,你的浏览器不支持语音识别。");
} else {
alert("尝试使用语言识别来输入内容吧");
}
分享到:
相关推荐
这里介绍的是大家以后要用到的html强大功能,可直接给输入框增加语音功能,下面我们先来看看实现方法。 大家可以看到在输入框右边的麦克风图标,点击麦克风就能够进行语音识别了。 其实很简单,语音识别是html5的...
HTML5网络语音AngularJS指令 是Internet上最热门JavaScript框架之一,提供了用于创建单页应用程序(SPA)的完整堆栈。 是一种教授HTML新技巧的方法。 在DOM期间,编译指令将与HTML匹配并执行。 这允许指令注册行为...
Html5支持语音搜索,可惜的是...语音输入其他属性: lang 就是语言种类 可以控制输入框里面的语音的语言种类,例如 <input type="text" x-webkit-speech lang="zh-CN"/> 目前已知的只有onwebkitspeechchange,顾
细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能,能够实现语音识别功能,可能功能还不够完善,不过也算是一种趋势...3.x-webkit-grammar:指的是语音输入语法,"builtin:search”值使得语音输入的内容尽量靠近搜索
这是使用 Web Speech API 识别说话的显示文本。 现在您只能使用 Chrome。 网络语音API 5.1.1 语音识别属性 语法属性语法属性在此识别过程中活动的语法中存储典型 SpeechGrammar 对象的集合。 语言属性 此属性使用...
语音(tts)的文本是通过使用HTML5 TTS API具有自然探测声音的语音扩展的文本。有些功能:1.通过HTML5 API轻松单击“文本到语音”。2.自动检测语言(无需每次设置输入语言)3.通过保持(alt),(t)或(插入)键...
淘宝网的语音搜索也有了一阵子了,但似乎都没看到相关的博客或帖子在说这个如何实现,今天查了点资料,发现原来实现是如此简单,可能是因为太简单了,也就没有人讨论了吧。 其实实现只需一句代码即可: x-webkit-...
Speechifier 是一个简单、静音的 Chrome 扩展程序,它使每个文本框都成为语音输入框。 使用此扩展程序,您可以与浏览器对话并输入您在页面上说的话。 它通过将“x-webkit-speech”属性添加到页面上的合格 HTML 元素...
谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索。... 语音输入其他属性: lang这玩意可以强制输入框里面的语音的语言种类,例如 <input type=text x-webkit-speech lang=zh-C
基于讯飞新版语音听写(流式版) api 的语音输入按钮 vue 组件。使用 HTML 原生媒体接口,故兼容性依浏览器而定,具体可参考这里按下按钮说话,松开按钮识别。同时支持配置为点击说话,再次点击结束说话。旧版接口请...
placeholder 默认提示字符 autofocus 当页面加载时,会获得焦点的一个按钮 x-webkit-speech 语音搜索,webkit内核才支持 accept 规定可上传的文件类型(仅适用type=file) alt 规定图片输入控件代替文本 ...
Delphi中英文语音朗读程序(控件及源码)调试OK 先安装Microsoft Speech SDK 5.1,这是微软的声音支持控件 前面安装不多做介绍,一步一步安装即可 安装完成后,需要加载Delphi控件 在Delphi IDE中选择菜单Project...
另外,x-webkit-speech 属性可以实现语音输入功能。 代码如下: <div><input type=”email” name=”email” spellcheck=”false” placeholder=”邮 箱” autofocus tabindex=”1″ x-webkit-speech></div> ...
可以将任意HTML元素或表单字段用作语音输入, 简单的Javascript和<iframe>嵌入, 说和拼写模式, 支持Web浏览器支持的所有语音和语言。 请参阅发行说明。 安装并测试 使用Browserify构建: npm install ...
文字转语音合成器 将输入文本转换为语音,可以合成该语音以提高速度或操纵其音调 转到-https:
处理数据时,“文本到语音”服务将音频信息返回到HTML5音频元素以进行播放。 脚步 1.提供Watson文字转语音 注意:如果要使用下面的“ Deploy to Cloud Foundry on IBM Cloud按钮,则可以跳过此步骤。 该选项将自动...
在那些特殊情况下,语音识别系统为他们提供了重要的帮助,以便他们可以通过语音输入来操作计算机并与他人共享信息。 该项目能够识别语音并将输入的音频转换为文本。数据集该项目工作中使用的数据集来自Kaggle.com,...
您可以使用 Web Speech API 来让浏览器读出您设定好的表白话语或让用户输入自己的话语。 4. 添加表白动画。您可以使用 JavaScript 和 CSS 来添加一些动画效果,例如心形图案、舞蹈或其他动态效果。 5. 优化移动端...