Comentario: HTML5 admite la búsqueda de voz, pero desafortunadamente, solo los navegadores de WebKit Core pueden usarlo muy simple. Solo necesita agregar el atributo x-webkit-discurso a la entrada. Los amigos interesados pueden aprender al respecto.
HTML5 admite la búsqueda de voz, pero desafortunadamente solo los navegadores de WebKit Core pueden usarlo. El uso es muy simple. 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 puede decirlo y reconocerlo, como la búsqueda de voz de Taobao Store:
Otros atributos de entrada de voz: Lang es el tipo de idioma
Puede controlar el tipo de lenguaje de discurso en el cuadro de entrada, por ejemplo <input type = text x-webkit-speech lang = zh-cn/>
Actualmente, solo se conoce OnWebkitSpeechChange. Como su nombre lo indica, es un evento activado cuando cambia el discurso. Generalmente se puede enviar como un envío <input type = text x-webkit-speech onwebkitspeechchange = $ (this) .cloest ('form'). Subt ()/>. De esta manera, buscará automáticamente después de terminar de decirlo.X-Webkit-Grammar: esta no es una propiedad utilizada para la búsqueda de voz, pero puede controlar la sintaxis de esta entrada. Por ejemplo, al hacer un cuadro de búsqueda, puede usar <input type = text x-webkit-speech x-webkit-grammar = builtin: search /> x-webkit-grammar:
Haga la entrada de contenido de la voz lo más cerca posible al contenido de búsqueda y elimine los caracteres innecesarios, como "The".
Aquí hay un pequeño ejemplo para probar:<html>
<Body>
<inputType = "text" accesskey = "S" Autofocus = "True" Autocomplete = "Off" name = "value_2" id = "value_2" x-webkit-speech lang = "zh-cn" x-webkit-grammar = "builtin: búsqueda">>
<button type = "enviar"> Search </boton>
</body>
</html>
Los efectos son los siguientes: