Entradas con la etiqueta ‘fullscreen’

AS3 – FullScreen

Publicado por Iván Gajate el 7 de abril de 2011 en AS3, Flash | 17 comentarios »

Poner una web a fullscreen es bastante fácil, pero hay un par de detalles que si no los conocemos nos puede llevar un tiempo descubrirlos.

  • En el HTML hay que poner el parámetro allowFullScreen=”true”
  • El código que pasa a fullScreen tiene que estar obligatoriamente en la función que recibe el evento de ratón. No vale que una función llame a otra función y esta pase a modo fullScreen.

Este es el código para poner nuestro flash a fullscreen:

function mostrarFullScreen(e:MouseEvent):void{
	stage.displayState = StageDisplayState.FULL_SCREEN;
}

Si no indico nada, el swf se redimensiona hasta cubrir la pantalla por completo, pero puedo indicarle la zona sobre la que quiero hacer zoom, así:

stage.fullScreenSourceRect = miVideo.getRect(this);

// O a mano

stage.fullScreenSourceRect = new Rectangle(0, 0, 300, 200);

Además, podemos escuchar cuando se sale del modo full screen.

Ver Ejemplo FullScreen

Descargar Ejemplo

AS3 – Detectar Exit FullScreen

Publicado por Iván Gajate el 7 de noviembre de 2010 en AS3, Flash | 14 comentarios »

Si queremos detectar cuándo nuestra película entra o sale del modo de pantalla completa (fullscreen), basta con escuchar el evento FullScreenEvent:

stage.addEventListener(FullScreenEvent.FULL_SCREEN, onFullScreen);

function onFullScreen(e:FullScreenEvent):void{
	// Compruebo si estoy saliendo del modo fullscreen
	if(e.fullScreen == false){
		setTimeout(onResize, 50);
	}
}

function onResize():void{
	// Recoloco el escenario
}

Esto es muy útil pues cuando flash sale del modo pantalla completa suele descolocar algunas cosas, así que es un buen sitio para volver a llamar a un método onResize personalizado. Lo del timer de 50 milisegundos es porque si se llama directamente no funciona, hay que esperar un poco 🙁