¿Como hacer que tu Flash aparesca en pantalla completa?

Gracias a unjimpe he podido ilustrarme un poco más acerca de esto. Ya que sólo conocia el actionscript utilizado en la versión 2, pero desconocia totalmente el que se utiliza en la version 3 del actionscript y la del HTML.

Copio textualmente el tutorial de como hacer que tu Flash aparesca en pantalla completa o fullscreen
Desde la versión 9 del Flash Player ya se tiene la posibilidad de realizar fullscreen de películas flash de manera transparente sin necesidad de utilizar javascript u otros artificios. Esta es una de las nuevas características de flash que facilitan el desarrollo de nuevas aplicaciones interactivas.

ActionScript 2.0

Si utilizas AS2 ahora esta disponible una nueva propiedad llamada: Stage.displayState el cual tiene dos posibles valores (fullscreen y normal) con los cuales podemos controlar los estados del modo de visualización del movie. Luego tendremos:

  1. // Cambiar a pantalla completa

  2. Stage.displayState = “fullscreen”;

  3. // Cambiar a pantalla normal

  4. Stage.displayState = “normal”;

De esta forma puedes crear un botón que en el evento onRelease llame a uno de estas opciones, asi de sencillo de utilizar.

ActionScript 3.0

En el caso de utilizar AS3 es semejante el uso, solo que en este caso la propiedad es llamada: flash.display.Stage.displayState el cual tiene dos opciones: StageDisplayState.FULL_SCREEN y StageDisplayState.NORMAL, luego si deseamos hacer uso de esta opción en AS3 tendremos:

  1. // importamos las clases necesarias

  2. import flash.display.Stage;

  3. import flash.display.StageDisplayState;

  4.  

  5. // Cambiar a pantalla completa

  6. stage.displayState = StageDisplayState.FULL_SCREEN;

  7. // Cambiar a pantalla normal

  8. stage.displayState = StageDisplayState.NORMAL;

HTML para modo fullscreen

Para hacer uso de esta nueva propiedad es necesario agregar un nuevo parámetro llamado allowFullScreen el cual tiene dos opciones true o false para permitir o no el acceso al fullscreen. Entonces si utilizamos em metodo embed el código sería de la forma:

  1. <object width=“50″ height=“50″ id=“movie”>

  2. <param name=“allowFullScreen” value=“true” />

  3. <param name=“movie” value=“mov.swf” />

  4. <embed src=“mov.swf” allowFullScreen=“true”

  5. width=“50″ height=“50″ name=“movie” />

  6. </object>

Ahora si utilizamos SWFObject para insertar flash el código sería de la forma:

  1. <script type=“text/javascript”>

  2. var so = new SWFObject(“mov.swf”, “id”, “50″, “50″, “8″, “#fff”);

  3. so.addParam(“allowFullScreen”, “true”);

  4. so.write(“movie”);

  5. </script>

Hay una observación final y es que los evento asociados al teclado (onKeyDown, etc) así como los campos de texto editables se deshabilitan en el modo fullscreen, la verdad no se con que objetivo pero es una de las restricciones.

También puedes leer...

    Cómo crear un reloj con Flash
    Cómo crear una cuenta regresiva con Flash
    Adobe Libera los Marcos de Trabajo de Medios y Texto de la Plataforma Flash como Fuente Abierta
    Crea un texto animado en flash

¿Te agradó esta nota? Siguenos a diario a través del
Feed RSS, Twitter o Facebook

  1. 17 Responses to “¿Como hacer que tu Flash aparesca en pantalla completa?”

  2. By gaston on Aug 8, 2007 | Reply

    es posible que suban un ejemplo en .fla????
    de antemano graciassss

  3. By ArteGami on Aug 8, 2007 | Reply

    Intentare recordarlo, para subir el ejemplo hoy mismo.
    Salu2

  4. By andy on Sep 21, 2007 | Reply

    ¿y no se puede hacer con action script normal (no 2.0)
    ?

  5. By hernan on Nov 26, 2007 | Reply

    hola por favor quiero saber como puedo ralizar un autorun con flash, con presentacion en pantalla completa, gracias see amable.

  6. By ArteGami on Nov 27, 2007 | Reply

    Hola Hernan,
    Acabo de postear un articulo al respecto. Espero responda todas tus inquietudes, cualquier otra consulta no dudes en notificarme. Realizar un autorun en Flash con Presentacion en Pantalla completa

    salu2

  7. By Mijail on Feb 11, 2008 | Reply

    ..Hola amigos…

    Una cosa, cómo y donde se pone el AS??.. es decir, tengo el: Stage.displayState = “fullscreen”, pero donde lo pongo??.. Lo pregunto pq tengo mi site hecho en Flash, q me lo hizo un conocido y me gustaría q se adaptara al área visual del navegador…

    Gracias.

  8. By ArteGami on Feb 11, 2008 | Reply

    Lo tienes que poner en la Escena principal, en el primer fotograma.

    salu2

  9. By Mijail on Feb 11, 2008 | Reply

    Ok, gracias amigo!!!…. Y una cosa, ésto permite q se adapte al área de visualización sin problemas?.. Es decir, se reduce o crece si amplio o reduzco el navegador por su borde?…como normalmente agrandamos o reducimos el navegador?

    Gracias.

  10. By ArteGami on Feb 11, 2008 | Reply

    La verdad es que no estoy segura de lo que me estas pregunto. Pero supongo que experimentando tu mismo te podras dar cuenta.

    salu2

  11. By Raulxiempre on Jun 12, 2008 | Reply

    y como le hago para que se ajuste a diferentes resoluciones sin que aparesca boerdes una vez maximizado a pantalla completa?
    gracias por la respuesta

  12. By Perxeo on Sep 8, 2008 | Reply

    Lo de que se restrinjan determinadas funcionalidades de flash (escribir en campos de texto, mousedown y otras…) en modo full-screen, es una cuestión de seguridad. Imaginemos por un momento alguien que emula la pantalla de entrada de una web de banco a pantalla completa, y nos pide unas claves…. Mucha gente picaria y el fraude estaría asegurado. Es una cuestión de seguridad.

  13. By Perxeo on Sep 8, 2008 | Reply

    Para ajustar algo a pantalla completa segun las resoluciones, debes usar las propiedades Stage.width y Stage.height y establecer relaciones entre las posiciones de las cosas en la pantalla y estas medidas que te digo. Tienes que intentar agrupar los elementos de la web lo más posible o sino tendrás que hacer muchas operaciones…

  14. By edumusics on Dec 28, 2008 | Reply

    Tengo un problema que me tiene vuelto loco… Hice el Stage para dar pantalla completa a mi falsh y todo resulta bien… aparece mi documento centrado y el fondo se expande por toda la pantalla. mi problema es el siguiente… cuando coloco en en navegador… Actualizar o F5… el flash vuelte a su estado normal y pierde el efecto. hasta que ajusto la ventana del navegador o hasta que abra el documento otra vez… ¿QUE PUEDO HACER PARA QUE ESO NO OCURRA?

  15. By Mauricio on Jul 9, 2009 | Reply

    Un gran aporte me has sacado de tremendo problema,

  16. By lush on Jul 19, 2009 | Reply

    excelente!

  17. By Jose Carlos on Feb 19, 2010 | Reply

    Hola, podrian colocar un .fla de ejemplo?
    Gracias de antemano

  18. By ArteGami on Feb 19, 2010 | Reply

    Voy a ver si creo otro post con un ejemplo ilustrado… Intentare hacer esto el fin de semana

Post a Comment

Cine y entretenimiento