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 | |
|---|---|---|---|---|---|
|
Rede social se estenderá por toda a web, diz criador
|
Notícias |
Notícias
|
|
|
|
Kodak anuncia câmera que envia fotos e vídeos para a web
|
Notícias |
Notícias
|
|
|
|
Videogames clássicos sobrevivem na rede sob o manto de abandonware
|
Notícias |
Notícias
|
|
|
|
Iraque quer rebater "mentiras" com vídeos de sucessos no YouTube
|
Notícias |
Notícias
|
|
|
|
Fã flagra tombo em show, joga vídeo na web e ganha encontro com ídolo
|
Notícias |
Notícias
|
|
|
|
Japão antecipa futuro com chips por toda parte
|
Notícias |
Notícias
|
|
|
|
Fãs põem vídeos de presidenciáveis dos EUA na web
|
Notícias |
Notícias
|
|
|
|
Driver da Placa de vídeo
Estou procurando o driver da placa |
Hardware |
media
|
|
Publicidade
|
|

Help













