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????
Publicidade
|
|
Page 1 of 1
Filme ocupar toda a janela do Browser - Video scale AS3 [RESOLVIDO]
#2
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:
...se quiser proporção vertical, aplique:
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:
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.
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.
#3
Posted 09 August 2011 - 11:05 AM
Obrigado pela ajuda.
E quanto aos botões do player do vídeo???????
E quanto aos botões do player do vídeo???????
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
Paquistão bloqueia YouTube e culpa vídeos antiislâmicos
|
Notícias |
Notícias
|
|
|
|
Produtoras vêem 3D transformando filmes
|
Notícias |
Notícias
|
|
|
|
Rainha Elizabeth 2ª aprende a jogar videogame
|
Notícias |
Notícias
|
|
|
|
Plano de fundo de uma página
Plano de fundo preenchendo toda extensão da página |
Dreamweaver |
Rio Claro Guia
|
|
|
|
quero video aulas
|
Dúvidas Gerais |
robson de brito
|
|
|
|
YouTube oferecerá locação de filmes da Paramount
|
Notícias |
Notícias
|
|
|
|
Novo artigo no portal
Criando janelas pesonalizadas |
Tutoriais e Artigos |
Natan
|
|
|
|
Abrir janela Pop up
|
Dreamweaver |
Claudinha
|
|
Publicidade
|
|

Help













