Html5實作的語音搜尋功能

細心的朋友可能會觀察到谷歌搜尋右側有個語音搜尋功能，能夠實作語音識别功能，可能功能還不夠完善，不過也算是一種趨勢，下面就介紹一下如何實作此功能，代碼如下:

<code>&lt;</code><code>input</code> <code>type</code><code>=</code><code>"text"</code> <code>name</code><code>=</code><code>"test"</code> <code>x-webkit-speech</code><code>lang</code><code>=</code><code>"zh-CN"</code> <code>x-webkit-grammar</code><code>=</code><code>"bUIltin:search"</code><code>/&gt;</code>

參數解釋:

1.x-webkit-speech:可以讓文本框右側出現話筒圖示。

2.lang:強制輸入框裡面的語音的語言種類。

3.x-webkit-grammar:指的是語音輸入文法，"builtin:search”值使得語音輸入的内容盡量靠近搜尋内容，去除多餘的字元。

原文釋出時間為：2017-2-10

本文作者：admin

本文來自雲栖社群合作夥伴“螞蟻部落”，了解相關資訊可以關注螞蟻部落