Nueva forma de jugar HTML5 - Search de voz

Comentario: El sitio web de Google es Shibian Shixin. Hoy descubrí una nueva forma de jugar HTML5 - Search en su página de inicio. Desafortunadamente, solo los navegadores de WebKit Core pueden usarlo. El uso es muy simple, solo agregue el atributo x-webkit-discurso a la entrada

Simplemente agregue el atributo x-webkit-discurso a la entrada, el ejemplo es el siguiente:

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

De esta manera, habrá un "micrófono pequeño" en el lado derecho de su cuadro de entrada, y se solicitará cuando se haga clic en

Entonces puedo decirte y reconocerlo. Después de las pruebas, descubrí que la tasa de reconocimiento de chino e inglés es bastante alta.

Otros atributos para la entrada de voz:

Esto Lang puede forzar el tipo de pronunciación en el cuadro, por ejemplo

<Entrada tipo = text x-webkit-speech lang = zh-cn/>

Actualmente, los únicos eventos de voz conocidos son OnWebkitSpeechChange. Como su nombre indica, es un evento activado cuando cambia la voz. Generalmente se puede enviar.

<input type = "text" x-webkit-speech onwebkitspeechchange = "$ (this) .cloest ('form'). Subt ()"/>

Después de eso, se buscará automáticamente

X-Webkit-Grammar no es una propiedad utilizada para la búsqueda de voz, pero puede controlar la sintaxis de esta entrada. Por ejemplo, si está haciendo un cuadro de búsqueda, puede usarlo

<input type = "text" x-webkit-speech x-webkit-grammar = "builtin: búsqueda" />

Haga la entrada de contenido de la voz lo más cerca posible al contenido de búsqueda y elimine los caracteres innecesarios, como "el"

Esta función es bastante interesante, y no es una buena idea ser práctica. Se debe principalmente a que el alcance de la aplicación es demasiado pequeño, por lo que solo puedo esperar que HTML5 se aplique de manera uniforme lo antes posible.

Referencia relacionada:

Búsqueda de voz HTML5 (Búsqueda de voz de Taobao Store)

La búsqueda de voz HTML5 requiere solo una oración de código