Busca por Voz no Blog

Busca por Voz no Blog SiteAprenda como adicionar o recurso de busca por voz no seu Blog ou Site. É muito simples fazer, não requer nenhum componente e nem vai deixar seu Blog pesado muito menos lento. Esse recurso também pode ser utilizado em qualquer outro campo do Blog ou Site.

Infelizmente, alguns navegadores ainda não suportam o preenchimento de campos (input) por voz.

Basta adicionar a propriedade 'x-webkit-speech' no campo de busca.

No caso deste Blog ficaria assim:

[code lang="html"]
<input type="text" name="s" class="edit-text edit-search" x-webkit-speech >
[code]

Busca por voz no Blog Site em Portugues (Preenchimento de campo por voz)

 

 

Pesquisar Automaticamente ao Terminar de Falar

Para pesquisar quando o usuário terminar de falar, basta adicionar no evento 'onwebkitspeechchange' do campo de busca um comando para fazer o 'submit' do formulário de busca (sem precisar o usuário clicar no botão de busca ou pressionar a tecla enter).

Basta fazer assim para ele pesquisar ao terminar de falar:

[code lang="html"]
<input type="text" name="s" x-webkit-speech onwebkitspeechchange="this.form.submit();">
[code]

Definir o Idioma Português Brasileiro no Busca por Voz

Para definir o idioma como português brasileiro (ou pt-br) no recurso de preenchimento de campo por fala, basta adiciona a propriedade 'lang' definindo o idioma português. Ficaria assim:

[code lang="html"]
<input type="text" name="s" x-webkit-speech lang="pt-br">
[code]

Lembrando que este recurso de preencher o campo (input) por voz pode ser adicionado em qualquer campo do Blog ou Site. No entanto, é no campo de busca que ele faz mais sentido.

Ele foi testado no navagador Google Chrome, versão 30, e funcionou perfeitamente. Eu não tenho informações se ele funciona no Internet Explorer e Mozilla Firefox. Caso alguém saiba de algo, é só postar nos comentários abaixo.

Deixe um comentário

(required)
(required)