iRec backTen button - CGastrell/phonegap GitHub Wiki
La funcionalidad del volver 10 segundos en la revision es bastante simple.
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();
});
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 queseek()
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!