iRec backTen button - CGastrell/phonegap GitHub Wiki

La funcionalidad del volver 10 segundos en la revision es bastante simple.

Inicializacion

El boton deberia tener a esta altura un id, si no lo tiene, agreguenlo: backTen. El mismo se encuentra en la pagina #revision justo debajo del boton #stop:

<button id="backTen" class="ui-btn ui-btn-inline ui-mini">Rew 10"</button>

Y en la handler de pagecreate de #revision le asignaremos la funcionalidad, simple tambien pues solo llamaremos al metodo revisionApi.volver10() (que aun no existe):

  // este es el boton stop que agregamos recien
  $('#stop').on('click', function(e){
    e.preventDefault();
    revisionApi.stop();
  });

  // ahora agregamos este:
  $('#backTen').click(function(e){
    e.preventDefault();
    revisionApi.volver10();
  });

Funcionalidad (revisionApi)

En revisionApi vamos a agregar un metodo que se llame volver10(). Lo que queremos hacer es simple:

  • tomamos el momento donde estamos revisionApi.playTime y le restamos 10
  • si el resultado es menor que 0, entonces forzaremos el resultado a que sea 0
  • actualzaremos el reloj (no sabemos si el archivo esta reproduciendose o no, y no nos importa :)
  • usaremos el metodo revisionApi.seek(valor * 1000) ya que seek() espera milisegundos
  volver10: function() {
    var backInTime = revisionApi.playTime - 10;
    if(backInTime < 0) {
      backInTime = 0;
    }
    console.log('back in time by 10: ' + backInTime);
    //actualizamos el reloj a mano, por las dudas que
    //el archivo este en pausa (en pausa no corre
    //el update porque no esta corriendo el interval)
    revisionApi.currentTime.text(clockFormat(backInTime));

    //milisegundos, remember?
    revisionApi.seek(backInTime * 1000);
  },

El metodo seek() se encargara de manejar correctamente la funcionalidad al mismo tiempo que corregimos el mal funcionamiento de los botones Go!

⚠️ **GitHub.com Fallback** ⚠️