Busca por Voz no Blog

Aprenda como adicionar o recurso de busca por voz em seu blog. É muito simples fazer, não requer nenhum componente e nem vai deixar seu Blog pesado. Esse recurso também pode ser utilizado em qualquer outro campo de uma página do blog.

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:

<input type="text" name="s" class="edit-text edit-search" x-webkit-speech>
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:

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

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:

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

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.

Um comentário para “Busca por Voz no Blog

  1. Muito interessante, essa ferramenta de busca por voz.
    Gostei do seu blog.

Deixe um comentário