..:: MX Studio Fóruns ::..: Filme ocupar toda a janela do Browser - Video scale AS3 [RESOLVIDO] - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Filme ocupar toda a janela do Browser - Video scale AS3 [RESOLVIDO]

#1 User is offline   Enrico 

  • Group: Membros
  • Posts: 2
  • Joined: 02-August 11

Posted 02 August 2011 - 06:14 PM

Não sou expert em Flash. Sou bem leigo por sinal.

Criei um vídeo no formato mov e importei para o flash.

O objetivo é que o vídeo se adapte à janela do browser. Por mais que a janela do browser seja redimensionada, o vídeo deve se ajustar automaticamente.

Ao importar o vídeo para o flash, por maior que o vídeo seja, ele não ocupa a janela toda do browser.

Eis aqui um site de modelo: http://www.nike.com/jumpman23/m6/

Na verdade, o vídeo tem que ocupar toda a janela do browser, mas deve ficar como fundo do site.

Alguém pode me ajudar????
0

#2 User is offline   Rodrigo Pixel 

  • Group: Moderadores
  • Posts: 1279
  • Joined: 07-May 07

Posted 03 August 2011 - 12:03 PM

Segue um exemplo e passos em AS3:

1- Primeiro configura o stage no topo esquerdo da tela e sem escala, pra conseguir posicionar os elementos na tela corretamente.
2- Aplica evento Event.RESIZE pro stage, pro flash saber quando mudar tamanho do stage, fazer alguma ação. No seu caso escalar e reposicionar o video.
3- Cria uma função que será chamada pelo evento Event.RESIZE onde quer reorganizar os elementos na tela.

4- Na função de evento, aplica formula de proporção no video pra ficar do mesmo tamanho do stage em largura. Ex:
//posiciona mc sempre no topo esquerdo do stage
video.x = 0;
video.y = 0;

//aplica proporção horizontal:
video.width = stage.stageWidth; //mesmo tamanho do stage em largura
video.scaleY = video.scaleX; //proporção horizontal


...se quiser proporção vertical, aplique:
video.height = stage.stageHeight; //mesmo tamanho do stage em altura
video.scaleX = video.scaleY; //proporção vertical





Exemplo:
No stage apenas tem um mc com nome de instância vídeo, no lugar desse mc, você utiliza seu video e deixa ele em uma camada/layer abaixo do seu conteúdo.

Código AS3 aplicado no 1º frame:
/*primeiro configura o stage no topo esquerdo da tela e sem escala, 
pra conseguir posicionar os elementos na tela corretamente*/
stage.scaleMode = StageScaleMode.NO_SCALE; //sem escala no conteudo do stage
stage.align = StageAlign.TOP_LEFT; //alinha stage ao topo esquerdo da tela

//aplica evento pro stage, pro flash saber quando mudar tamanho do stage, faz alguma ação...
stage.addEventListener(Event.RESIZE, quandoMudarTamanhoDoStage);


//chama 1º essa função pra reorganizar objeto no stage
reorganizaObjetoNaTela();


//função executada toda vez que o evento Event.RESIZE acontecer
function quandoMudarTamanhoDoStage(e:Event):void
{
	reorganizaObjetoNaTela();
}


function reorganizaObjetoNaTela():void
{
	//posiciona mc no topo esquerdo do stage
	video.x = 0;
	video.y = 0;
	
	//aplica proporção pra aumentar em largura eixo x
	video.width = stage.stageWidth; //mesmo tamanho do stage em largura
	video.scaleY = video.scaleX; 	//proporção horizontal
	
	//se quiser aplicar proporção em altura eixo y
	//video.height = stage.stageHeight; //mesmo tamanho do stage em altura
	//video.scaleX = video.scaleY; 		//proporção vertical
}


Arquivo exemplo:
http://www.mediafire...y2n1mkl6y6canl4



Outra dica:
O vídeo não precisa ser muito grande(nem deve). Pra "amenizar" a perca de qualidade conforme aumenta a tela, utilize uma "imagem granulado" png com transparência, que se repete como uma grade por todo o stage. Depois, aplique essa imagem sobre numa camada/layer acima da layer do video. Isso basta pra melhorar a distorção de qualidade quando ampliado.

Confere sobre isso:
http://www.flashpedi...layout-liquido/
http://www.flashpedi...-e-fullbrowser/

Se quiser aplicar imagem granulado repetida pra ficar sobre o video de forma dinâmica.
http://www.flashpedi...icao-de-imagem/

Abraço.
0

#3 User is offline   Enrico 

  • Group: Membros
  • Posts: 2
  • Joined: 02-August 11

Posted 09 August 2011 - 11:05 AM

Obrigado pela ajuda.

E quanto aos botões do player do vídeo???????
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)