Nova maneira de jogar html5 - pesquisa de voz

Comentário: O site do Google é Shibian Shixin. Hoje, descobri uma nova maneira de tocar HTML5 - Pesquisa de voz na página inicial deles. Infelizmente, apenas os navegadores principais do WebKit podem usá -lo. O uso é muito simples, basta adicionar o atributo x-webkit-fale à entrada

Basta adicionar o atributo x-webkit-declara à entrada, o exemplo é o seguinte:

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

Dessa forma, haverá um "microfone pequeno" no lado direito da sua caixa de entrada e será solicitado quando clicado

Então eu posso lhe contar e reconhecê -lo. Após o teste, descobri que a taxa de reconhecimento de chinês e inglês é bastante alta.

Outros atributos para entrada de voz:

Essa coisa Lang pode forçar o tipo de pronúncia na caixa, por exemplo

<Tipo de entrada = texto x-webkit-declara lang = zh-cn/>

Atualmente, os únicos eventos de voz conhecidos são OnWebkitspeechChange. Como o nome sugere, é um evento acionado quando a voz muda. Geralmente pode ser enviado.

<input type = "text" x-webkit-declara onwebkitspeechchange = "$ (this) .cloest ('formulário'). submmit ()"/>

Depois disso, será pesquisado automaticamente

X-Webkit-Grammar não é uma propriedade usada para pesquisa de voz, mas pode controlar a sintaxe dessa entrada. Por exemplo, se você estiver fazendo uma caixa de pesquisa, pode usá -la

<input type = "text" x-webkit-declara x-webkit-grammar = "interromper: pesquisa" />

Faça a entrada de conteúdo da voz o mais próxima possível do conteúdo da pesquisa e remova caracteres desnecessários, como "o"

Essa função é bastante interessante e não é uma boa ideia ser prática. É principalmente porque o escopo da aplicação é muito pequeno, então só posso esperar que o HTML5 seja aplicado uniformemente o mais rápido possível.

Referência relacionada:

Pesquisa de voz HTML5 (pesquisa de voz da loja Taobao)

A pesquisa de voz HTML5 requer apenas uma frase de código