-
Notifications
You must be signed in to change notification settings - Fork 1
iRec backTen button
Christian Gastrell edited this page Jul 7, 2015
·
1 revision
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!
- Repaso y conceptos basicos
- Ejercicios para repasar
- Problematica de desarrollo mobile
- Phonegap
- Requerimientos e instalacion
- Phonegap CLI
- [Primeros ejercicios con Phonegap](Ejercicio Phonegap)
- Plugins
- Hello world
- Estructura de un proyecto Phonegap
- Plugin Device
- Debugging
- Incorporando un framework CSS
- Plugin Vibration
- Sumando partes
- Plugin Battery Status
- Un poco de jQuery
- jQuery Mobile
- Navegacion
- Plugin Dashboard
- Revision de Plugin Dashboard
- Paginas extra
- ToDo
- Persistencia
- ToDo Persistente
- Plugin Camera
- Opciones de camara
- App Mi Galeria
- Revision de Galeria
- Plugin File
- Escribir y leer texto
- Escribir archivos binarios
- Guardando fotos
- Debugger: weinre
- Inspeccionar con weinre
- Phonegap Developer App
- Refactor de apps
- Plugin Media
- Pruebas con audio
- Control y monitoreo de audio
- Encapsular play/pausa
- Hacks
- Formato de tiempos
- Grabar y reproducir
- Proyecto Integrador
- Revision de interfaz
- Interfaz basica
- Entrevista: modelo
- Funcionalidad: revision
- Seleccion de framework
- iRec: navegacion
- iRec: fileApi
- iRec: guias
- iRec: entrevistas
- iRec: recordApi
- iRec: helpers
- iRec: mediaApi
- iRec: inicializar paginas
- iRec: refactor
- iRec: mediaApi refactor
- iRec: recordApi refactor
- iRec: helpers
- iRec: guias.js
- iRec: entrevistas.js
- iRec: crear guias
- iRec: re-inicializando
- iRec: re-ordenando
- iRec: pendientes
- iRec: reporte ux
- iRec:revision: volver
- iRec:entrevista: volver
- iRec:revision: cambios
- iRec:revision: stop
- iRec:revision: Rew 10"
- iRec:revision: tag Go
- iRec: limpieza
- Firma de apps
- Android
- Generacion de key
- Firma de apk
- Alineacion de zip
- Firmar con Phonegap
- iOS
- Detalles finales
- Config.xml
- Iconos
- Splash