actionscript 3 - modo de pantalla completa de video as3
actionscript-3 flv (5)
Tengo entendido que solo puede establecer el escenario completo en pantalla completa, no elementos de forma selectiva, ya que está escalando de manera efectiva el objeto de escenario en la raíz del árbol de visualización. La mejor manera de lograr el efecto que está buscando sería organizar / ocultar / mostrar cualquier objeto que no desee que sea visible en un controlador de evento FullScreenEvent.FULL_SCREEN.
http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/events/FullScreenEvent.html
Además, un tidbit relevante de los documentos de la etapa, la sección displayState :
El comportamiento de escalado de la película en modo de pantalla completa está determinado por la configuración scaleMode (establecida mediante la propiedad Stage.scaleMode o la configuración de etiqueta de inserción del archivo SWF en el archivo HTML). Si la propiedad scaleMode está establecida en noScale mientras la aplicación pasa al modo de pantalla completa, las propiedades de ancho y alto del escenario se actualizan y el evento Stage the resize.
Creé un reproductor de video, pero necesito agregar un botón que, al hacer clic, coloca el video en modo de visualización de pantalla completa. No quiero escalar todo en el escenario, solo el video. Parece que no puedo encontrar cómo hacerlo, pensé que sería fácil.
Vea si esto funciona:
stage.displayState = StageDisplayState.FULL_SCREEN;
videoPlayer.x = 0;
videoPlayer.y = 0;
//save the width and height in temp vars
//for restoring them later.
videoPlayer.width = stage.fullScreenWidth;
videoPlayer.height = stage.fullScreenHeight;
Si los elementos en el escenario están escalando, parece que está utilizando la propiedad fullScreenRect en lugar de simplemente instruir al objeto de escenario para que pase al modo de pantalla completa.
Amarghosh tiene el enfoque correcto, pero se puede hacer más flexible adjuntando un oyente:
stage.addEventListener(Event.RESIZE, _onStageResize, false, 0, true);
stage.displayState = StageDisplayState.FULL_SCREEN;
private function _onStageResize(event:Event):void
{
if(stage.displayState == StageDisplayState.FULL_SCREEN)
{
// Proportionally resize your video to the stage''s new dimensions
// i.e. set its height and width such that the aspect ratio is not distorted
}
else
{
// Restore the normal layout of your elements
}
}
Encontré este problema recientemente y funcionó como el encanto. Así que ponerlo aquí en caso de que ayude a alguien.
Código de Flex Client:
private function startFullScreen(event:MouseEvent):void
{
videoHolder.removeChild(vid); //videoHolder is an spark VideoDisplay
Component
this.stage.addChild(vid);
this.stage.displayState = StageDisplayState.FULL_SCREEN;
oldWidth = vid.width; //store old values required while going back
oldHeight = vid.height;
vid.width = this.stage.width;
vid.height = this.stage.height;
this.stage.addEventListener(FullScreenEvent.FULL_SCREEN,fullScreenHandler);
}
}
/* handler for Fullscreen */
private function fullScreenHandler(event:FullScreenEvent):void
{
//This function is called when user presses Esc key
//on returning to normal state, add the video back
if(!event.fullScreen)
{
this.stage.removeChild(vid);
videoHolder.addChild(vid);
vid.width = oldWidth;
vid.height = oldHeight;
this.stage.removeEventListener(FullScreenEvent.FULL_SCREEN,fullScreenHandler )
}
}
Para ingresar al modo de pantalla completa
var fullScreenButton:Button = new Button();
...
addChild(fullScreenButton);
fullScreenButton.addEventListener(MouseEvent.CLICK, fullScreenButtonHandler);
...
private function fullScreenButtonHandler(event:MouseEvent)
{
var screenRectangle:Rectangle = new Rectangle(video.x, video.y, video.width, video.height);
stage.fullScreenSourceRect = screenRectangle;
stage.displayState = StageDisplayState.FULL_SCREEN;
}
Para salir del modo de pantalla completa
...
stage.displayState = StageDisplayState.NORMAL;
...
Nota: También puede presionar escape.