-Solucionado- Añadir un bloque de busqueda por voz

[gusman126]

A quien le pueda interesar he desarrollado un modulo, para añadir un bloque de búsqueda usando la voz.

Algo que no me llega a gustar son los mensajes de permitir grabar y activar el micrófono, tanto en ordenador como en Smartphone.

 

El fichero tpl es el siguiente.

 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<div id="search_block_top" class="col-sm-4 clearfix">
    <form id="labnol" method="get" action="search?controller=search&orderby=position&orderway=desc&search_query=d&submit_search=">

        <div class="speech">
            <input class="search_query form-control ac_input" type="text" id="transcript" name="search_query" placeholder="Habla">
            <a class="btn btn-success" onclick="startDictation()"><i class="fa fa-microphone" aria-hidden="true"></i></a>
        </div>
    </form>
</div>


<script>
  function startDictation() {

    if (window.hasOwnProperty('webkitSpeechRecognition')) {

      var recognition = new webkitSpeechRecognition();

      recognition.continuous = false;
      recognition.interimResults = false;

      recognition.lang = "es-ES";
      recognition.start();

      recognition.onresult = function(e) {
        document.getElementById('transcript').value
                                 = e.results[0][0].transcript;
        recognition.stop();
        document.getElementById('labnol').submit();
      };

      recognition.onerror = function(e) {
        recognition.stop();
      }

    }
  }
</script>

 

 

Edited April 29, 2018 by gusman126 (see edit history)

[ortopediamimas]

Hola gracias por tu aportación 

 

Funciona estupendamente en la 1.6 pero en la 1.5 no consigo hacerlo andar.

También comentar para quien lo quiera probar de que hay que cambiar la url de action 

action="search?controller=search&orderby=position&orderway=desc&search_query=d&submit_search="

ya que si la tenemos cambiada no va a dar un error 404 ya que no encuentra la pagina.

Para saber cual es nuestra url le damos a buscar en nuestra pagina y nos sale cual es sustituimos y ya esta.

 

Saludos

[gusman126]

hace 1 hora, ortopediamimas dijo:

Hola gracias por tu aportación 

 

Funciona estupendamente en la 1.6 pero en la 1.5 no consigo hacerlo andar.

También comentar para quien lo quiera probar de que hay que cambiar la url de action 

action="search?controller=search&orderby=position&orderway=desc&search_query=d&submit_search="

ya que si la tenemos cambiada no va a dar un error 404 ya que no encuentra la pagina.

Para saber cual es nuestra url le damos a buscar en nuestra pagina y nos sale cual es sustituimos y ya esta.

 

Saludos

 

no trabajo con version 1.5, ni idea de a que puede ser debido.

 

[ortopediamimas]

Hola gusman126

Gracias por tu comentario y tu trabajo, no te preocupes intentare investigar un poco por mi cuenta si consigo algo pongo el comentario de la solucion 

 

Gracias a todos