-
Notifications
You must be signed in to change notification settings - Fork 1
iRec revision stop button
En algun momento dudamos en sacar este boton, pero creo que esta bien que el usuario pueda detener la reproduccion y que todo vuelva a 0.
La funcionalidad es muy simple, en el handler de pagecreate
de #revision
vamos a agregar la inicializacion del boton #stop
que, si mal no recuerdo, ya lo tenemos en el HTML
:
<button id="stop" class="ui-btn ui-btn-inline ui-mini">Stop</button>
El handler de pagecreate
de #revision
es donde agregamos la inicializacion del boton volver. Ahora agregamos dentro de pagecreate
la inicializacion del boton #stop
:
// este es el codigo de pausa, solo de referencia, no lo copien
$('#pausa').click(function(e){
e.preventDefault();
revisionApi.pausa();
});
// este es el codigo de stop
$('#stop').on('click', function(e){
e.preventDefault();
revisionApi.stop();
});
Es simple, cuando hacemos click queremos detener el comportamiento por defecto del boton y simplemente llamar a revisionApi.stop()
, que no existe, asi que vamos a agregarlo.
Agreguen un metodo en el objeto revisionApi
que se llame stop()
:
stop: function() {
revisionApi.audio.stop();
},
Nuevamente sucede que revisionApi
tiene, ademas, un handler para cuando la reproduccion se detiene, entonces no necesitamos agregar mas codigo al metodo stop()
, el resto se ejecutara en revisionApi.onSuccess()
(si, el nombre es malisimo, pero es el que tenia y no lo refactoreamos en su momento). El handler revisionApi.onSuccess()
tiene este codigo, que necesita un minimo cambio:
onSuccess: function(){
if(revisionApi.interval) {
clearInterval(revisionApi.interval);
revisionApi.currentTime.text("00:00");
revisionApi.interval = null;
revisionApi.isPlaying = false;
}
console.log('media stop/played/rec success');
},
Los cambios son pocos: sacamos las 3 lineas que resetean los indicadores fuera del if
y agregamos una llamada para cambiar todos los botones de tag al estado en el cual todavia no fueron escuchados:
onSuccess: function(){
if(revisionApi.interval) {
clearInterval(revisionApi.interval);
}
revisionApi.currentTime.text("00:00");
revisionApi.interval = null;
revisionApi.isPlaying = false;
// volver los botones al color original
$('button.tag').css('background-color', revisionApi.colorTagPendiente);
console.log('media stop/played/rec success');
},
Con la siguiente correccion volveremos a estos archivos ya que vamos a agregar la funcionalidad al boton para retroceder 10 segundos durante la revision
- 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