Entre las cosas nuevas que trae el flash Player 9.0 es la posibilidad de ver nuestras películas en modo fullscreen o pantalla completa, es importante saber que si usas flash9 en AS2.0 debes publicar la película para flash 9 y también no hay que olvidarse que este modo de pantalla requiere unas líneas extras en nuestro html!
El ejemplo es una función simple que intercambia según en la vista que se esté por la contraria, es decir si la vista es normal al hacer clic pasamos a fullscreen o viceversa.
Actionscript:
-
//accion del boton
-
monitor_mc.onRelease = function() {
-
//evaluamos si esta en modo normal que pase a fullscreen
-
if (Stage.displayState == "normal") {
-
estado_txt.text = "Pantalla completa!";
-
Stage.displayState = "fullScreen";
-
} else {
-
//pasamos a modo normal
-
estado_txt.text = "Pantalla normal!";
-
Stage.displayState = "normal";
-
}
-
};
HTML:
-
<script language="javascript">
-
if (AC_FL_RunContent == 0) {
-
alert("Esta página requiere el archivo AC_RunActiveContent.js.");
-
} else {
-
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','name','fullscreen','width','100%','height','100%','align','middle','id','fullscreen','src','fullscreen','quality','high','scale','noscale','allowscriptaccess','sameDomain','allowfullscreen','true','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','fullscreen' ); //end AC code
-
}
-
</script>
Ante la duda con el html, miren el html del ejemplo o de los files a descargar.
17 enero, 2008 at 9:17 am
Es importante destacar que en fullscreen quedan desactivadas las cajas de entrada de texto
17 enero, 2008 at 3:38 pm
la verdad es que la parte que mas me cuesta la de armar cosas para sitio web ...estudie y trabajo en sistema ...mas en la parte de manejo de datos .....muy buena la pagina y los ejemplos
saludos
17 enero, 2008 at 7:47 pm
Todo es practica amigo Adrian, de a poco seguro que le vas a ir tomando la mano!
6 febrero, 2008 at 11:10 pm
Hola amigos. De ante mano muchas gracias por este script. Funciona perfecto, solo me queda una duda: es posible suprimir el mensaje "press esc to exit fullscreen mode" el cual sale una vez activado el fullscreen. Mil gracias.
6 febrero, 2008 at 11:28 pm
Hola Fex, lamentablemente no es posible desactivar ese mensaje ya que este se activa automaticamente cuando se cambia a modo fullscreen por una razon de seguridad y accesibilidad para aquellas personas que no saben como restaurar la pantalla!
14 abril, 2008 at 1:07 pm
Buenas tardes, fijate que tengo un problema haciendo ecards, ya que me aparece este archivo AC_RunActiveContent.js y lo puedo ver bien en MAC en Firefox, pero alguien en PC en Explorer dice q al darle click le abre el folder de mis documentos y si lo quiere grabar. Que se puede hacer para corregir esto
Gracias de antemano
4 mayo, 2008 at 4:02 am
buenas noches. pues a mí me funciona bien, sólo un detalle: el tamaño de mi video realmente no cambia, sólo se pone en el fondo negro, pero al tamaño normal. De hecho el ejemplo aquí publicado se ve igual.
5 mayo, 2008 at 10:33 am
Cuando haces fullscreen debes sacar el porcentaje que se amplio el stage y aplicarcelo a tu video, hay un ejemplo de eso en este articulo: http://www.leobaraldi.com.ar/2008/04/06/video-h264-o-de-alta-definicion-hd-en-flash-player-9/
15 mayo, 2008 at 12:49 am
me encanta gracias q buen aporte
8 julio, 2008 at 10:14 am
Funciona, pero me encuentro con el problema que tengo varias elementos en el escenario y solo quiero llevar a fullscreen solo el video, de la misma manera que funciona en el youtube. Con eso me agranda TODO el escenario, me explico?. Gracias!!
Saludos
11 julio, 2008 at 1:51 am
Ela13 en ese caso vas a tener que indicar que solo el video se agrande y ocultado los elementos restantes, visita este enlace ya que trabaja de la manera que necesitas
http://www.leobaraldi.com.ar/2008/04/06/video-h264-o-de-alta-definicion-hd-en-flash-player-9/
12 julio, 2008 at 3:05 pm
Gracias por la contestación... Esa fue la manera que encontré de resolverlo. Pero mi problema está en la tecla escape, si yo quiero restaurar y volver al estado inicial, lo hago sin problemas desde un botón del flash.. pero desde la tecla escape.. obviamente solo me restaura la ventana sacándola del modo fullscreen.. Hay manera de econtrarle solución?¿?¿
Gracias!!
13 julio, 2008 at 10:24 pm
//de esta menera podemos detectar como se esta mostrando el
//flashplayer independientemente si es full o no y sin
//importar que control usemos para pasar de normal a full o al revez
escuchador.onResize = function() {
//acciones generales cuando cambia el tamaño
//sea full o no
if (Stage.displayState == "normal") {
//acciones si es full
} else {
//acciones sino es mas full
}
};
Stage.addListener(escuchador);
14 julio, 2008 at 11:18 am
Gracias Leo..
http://www.viaoxean.com.ar/webTV/webTV.html
Fijate el primer video, que subi el flv.
No hay caso algo similar intenté.. pero no pasa nada..
Esto es lo que estoy poniendo, si el escenario esta en modo normal, llevo el video al alto y ancho del 100% y a la posición inicial, de lo contrario lo llevo al mismo ancho y alto que tiene el escenario y a la posicion 0
escuchador.onResize = function() {
//acciones generales cuando cambia el tamaño
//sea full o no
if (Stage.displayState == "normal") {
//acciones si es full
//llevo el video a su tamaño normal:
//Stage.displayState = "normal";
myFLVPlayback._yscale= 100;
myFLVPlayback._xscale = 100;
myFLVPlayback._x = 298;
myFLVPlayback._y = 100;
} else {
//acciones sino es mas full
_root.myFLVPlayback._width = Stage.width;
_root.myFLVPlayback._height = Stage.height;
_root.myFLVPlayback._x = 0;
_root.myFLVPlayback._y = 0;
}
};
Stage.addListener(escuchador);
15 julio, 2008 at 8:25 am
Bueno, quería agradecerte.. y contarte que finalmente con tu orientación seguí buscando y encontré un codigo que me funcionó. Lo pego por si a alguien le llegue a servir:
//------------------------------------------------
EventListener = new Object();
EventListener.onFullScreen = function( bFull:Boolean ){
if (bFull == true) { // Full-Screen Mode
//las acciones para que vaya todo a fullscreen
}
if (bFull == false) { // normal Mode
//las acciones para restarurar a los valores iniciales
}
}
Stage.addListener( EventListener );
//-----------------------------------------------
Gracias!
y Saludos!!.
7 agosto, 2008 at 9:03 pm
Hola como estas Leo, queria comentarte que estoy hace tiempo viendo como hacer un reproductor flash que tenga fullscreen, la verdad que esto es un paso ahora puedo diseñar paginas fullscreen, pero comos eria tengo un sitio y cuando aprieto fullscreen el video solamente se ponga fullscreen. Gracias ojala me responda nunca me funciona esto de preguntar y que te resuelvan algo.
Saludos.
7 agosto, 2008 at 10:20 pm
Hola Jonatan, bueno el drama de usar fullscreen es que toda nuestra pelicula se amplia, si lo que necesitamos ampliar es solo un elemento sea un reproductor de video, un movieClip o lo que sea vamos a tener que hacernos con mas herramientas para dicho trabajo, te recomiendo que visites este link http://www.leobaraldi.com.ar/2008/04/06/video-h264-o-de-alta-definicion-hd-en-flash-player-9/ ya que este reproductor lo programe de la menera que vos necesitas!!! si miras un poco el codigo vas a ver como hago para calcular el porcentaje de ampliacion y como se lo aplico al reproductor de video, espero que te sea util y cualquier cosa desde ya podes consultar todo lo que sea! un abrazo
2 marzo, 2009 at 5:03 am
Hola Leo, tengo un problema que me trae de cabeza y necesito un poco de ayuda.
El caso es que encontré un script AS2 fullscreen muy bueno pero hasta que no le doy al botón no se amplia el explorador.
Necesito que se amplie automaticamente al entrar en la pagina... ¿hay algun script que lo haga???
Este es el script completo para que lo disfruten y para que te orientes un poco mejor...
En realidad solo necesito poner un script en el primer fotograma que realice la misma función que el boton de fullscreen... pero no se cual.
Desde ya muchas gracias
2 marzo, 2009 at 8:29 pm
Mc Mardigan: El evento fullScreen de la clase Stage no se puede inicializar directamente por una razón de seguridad, solamente se puede hacer fullscreen atreves de un evento de mouse o desde la entrada de una tecla, lo que puedes hacer es una pantalla inicial donde el usuario deba hacer clic para continuar y ahí desencadenas el evento displayState!
3 marzo, 2009 at 5:15 pm
Muchas gracias por tu respuesta y sobre todo por la rapidez, tomo buena nota.
Pero teniendo en cuenta tu respuesta me asalta una nueva duda...
Tanto el script como los botones estan insertados en un fotograma de mi pelicula flash y funciona sin problemas.
Si consigo un sript que en lugar de llamarse mediante un botón , lo insertemos en el primer fotograma no debería fallar.
A todo esto cabe aclarar que ya tengo un index.thml con un boton que llama a mipeli.swf
que script necesito en ese caso?
algo asi?
#
function() {
#
Stage.scaleMode = "noScale";
#
Stage.displayState = "fullscreen";
desde ya muchas gracias
27 marzo, 2009 at 1:11 pm
Hola!
Oye gracias por tu disponibilidad de ayudar a los que andamos atarantados con flash...
Mi estimado podrías ayudarme. ¿Cómo puedo hacer que un archivo flash cubra todo el navegador? mira te pongo un ejemplo.
http://analogue.ca/
10 agosto, 2011 at 8:46 pm
Hola Leo, ya te hice una pregunta por medio del formulario de consulta, quería enviarte el código para ver si podes ayudarme como te comenté cuando abro el FLA me da una error de complacion en el action script, como puedo cambiar o arreglar esto:
stageListener.onResize = function ()
{
alignObjects();
};
alignObjects();
fullscreen_mc.bttn.onPress = function ()
{
if (this._parent.icon_mc._currentframe == 1)
{
Stage.displayState = "fullScreen";
this._parent.icon_mc.gotoAndStop(2);
}
else
{
Stage.displayState = "normal";
this._parent.icon_mc.gotoAndStop(1);
}
Si podes darme una mano desde ya te lo agradeceré mucho, un saludo.
Guillermo