Foros Programación Cliente

Vídeo en Flash fullsize con cuadraditos (estilo Group94)

10 10 Respuestas Viernes 29 de agosto, 2008
¿Sabeis como se puede poner un video en flash a pantalla completa, con el efecto que tiene ésta web: http://www.nectarestudio.com/ o como lo tenía en su momento las web de Group94 ?

Llevo ya un rato buscando por google con términos como: "video flash fullsize group94" y nada, no hay ningun tutorial ni ningún open source ni nada que me deje claro cómo se hace.

He leido por ahí que los mismos de Group94 en el MAD del año pasado comentaron algo del tema y de como poner un video en la web donde el buffer cargara bastante rápido.

¿Algún consejo? Gracias :)
___________________________
Fotógrafo Freelance | FL | FB | TW
-Moderador Domestika-
Registrado desde 12/07/06
Número de posts: 1645
  • Avatar de Ventd'Aval Ventd'Aval Registrado desde 28/05/04 / Número de posts: 787
    hazte en photoshop un png transparente con la figura que quieras que se repita, y en Flash, a mano creas un rectangulo muy grande relleno con ese png y lo pones sobre el video. Con codigo es beginBitmapFill ;)
    Publicado hace 3 años
  • Avatar de ivanv ivanv Registrado desde 05/12/04 / Número de posts: 277
    sí, lo malo es que eso consume bastante recursos si tienes cosas que se mueven en el stage...
    Publicado hace 3 años
  • Avatar de altheo altheo Registrado desde 12/07/06 / Número de posts: 1645
    Gracias ;)

    Lo hice y me quedó igual... pero... madre mía como ralentiza el vídeo el hecho de colocarle el PNG encima. Sobre todo cuando lo ves a pantalla completa. He probado de las dos formas, poniendole un PNG gigante sobre el video y luego por probar, puse un PNG pequeño, de 15x15px y que se duplicara. Y nada sigue viendose el video mucho más lento.

    Imagino que si lo hago con vectores (a base de cuadraditos) va a ralentizarse incluso más, así que ni pruebo.

    Se os ocurre alguna forma? A ésta gente de Nectar el video le va bastante fluido (nunca mejor dicho :P )

    Un saludo
    ___________________________
    Fotógrafo Freelance | FL | FB | TW
    -Moderador Domestika-
    Publicado hace 3 años
  • Avatar de eRNieB eRNieB Registrado desde 10/08/06 / Número de posts: 920
    Alltheo, y si en lugar de un png empleas un gif, y haces el beginBitmapFill.

    Puedes ponerlo con una opacidad determinada, de manera que emule ese efecto, y tal vez se renderize a una mayor velocidad.

    Otra recomendación es asignarle 30fps a la velocidad de reproducción del proyecto.

    Yo creo que lo mejor es el poner el gif de un tamaño como 15x15 pixels y aplicarlo a todo un bitmap. Ya contaras si tira algo mejor asi.
    Saludos,
    eRNieB | www.ex7.org - www.h2omagazine.com
    Publicado hace 3 años
  • Avatar de altheo altheo Registrado desde 12/07/06 / Número de posts: 1645
    Hola Ernieb, estás cosas de los ordenadores...

    Estaba en el ordenador del curro (Mac Pro) y se ralentizaba bastante. En cambio desde el PC de mi casa me va como la seda a pantalla completa. De todas pensándolo con más calma, me he dado cuenta que si éste video se ralentiza un poco tampoco va a ser mayor inconveniente, porque no es un diálogo, ni nada que el hecho de verlo más lento haga que quede mal.

    Y creo q en éste caso, no voy a poder luchar contra el equipo que tenga cada uno. Así que en principio voy a probar a dejarlo como lo tengo:
    - 30fps
    - Y el PNG aplicado al tamaño del cuadrado que se redimensiona al navegador.

    De todas formas no pasará nada por hacer un GIF de prueba, mañana con más calma probaré que ya va siendo hora de dejarlo ;)
    ___________________________
    Fotógrafo Freelance | FL | FB | TW
    -Moderador Domestika-
    Publicado hace 3 años
  • Avatar de ivanv ivanv Registrado desde 05/12/04 / Número de posts: 277
    Por cierto, ¿alguien sabe que dijeron Group94 en el MAD sobre cargar video rapido? yo creo que simplemente tiran un .flv bien comprimido no?
    Publicado hace 3 años
  • Avatar de dourado dourado Registrado desde 23/03/06 / Número de posts: 554
    Buenas :)
    ¿Con que player estas trabajando, estas tirando con as2 o as3?

    Saludos :)
    Personal:
    www.jorgedourado.com
    Comunidad de fotografos de Barcelona
    www.fotografiabarcelona.com
    Publicado hace 3 años
  • Avatar de altheo altheo Registrado desde 12/07/06 / Número de posts: 1645
    Estaba tirando con Flash Player9 y AS2.

    De todas formas me jodieron el asunto. Ya que el cliente vió el resultado, y me dijo que le interesaba más un slideshow de imagenes de fondo que el video.
    Aun así para mi portfolio, sin lugar a dudas, me quedaré con la versión que hice con el video.

    También me dí cuenta que el tema de la ralentización del video dependía mucho del equipo. En el curro (Mac Pro) iba mal, en mi casa (Pc) iba perfecto y en portatil de mi novia (Macbook) también iba como la seda.
    ___________________________
    Fotógrafo Freelance | FL | FB | TW
    -Moderador Domestika-
    Publicado hace 3 años
  • Avatar de dourado dourado Registrado desde 23/03/06 / Número de posts: 554

    altheo

    Estaba tirando con Flash Player9 y AS2.

    De todas formas me jodieron el asunto. Ya que el cliente vió el resultado, y me dijo que le interesaba más un slideshow de imagenes de fondo que el video.
    Aun así para mi portfolio, sin lugar a dudas, me quedaré con la versión que hice con el video.


    Pues si puedes tira de as3, ahorras en rendimiento y peso del swf.
    En cuanto a los cuadraditos, hice una clase en as3(la tendré por aqui....) que me genera circulos o cuadrados(tu eliges) del tamaño que te vaya bien en toda pantalla. La combinación del video con eses cuadrados es muy fluida. Si necesitas una mano mailme.

    Salud++
    Personal:
    www.jorgedourado.com
    Comunidad de fotografos de Barcelona
    www.fotografiabarcelona.com
    Publicado hace 3 años
  • Avatar de Ventd'Aval Ventd'Aval Registrado desde 28/05/04 / Número de posts: 787
    pues nose, pero yo sin cuadritos a fullscreen me va a 80fps y con los cuadritos a 70fps (en un macbook pro)...

    Los cuadritos los hago asi, por ejemplo:
    var bmp=new BitmapData(6,6,true,0);
    bmp.fillRect(new Rectangle(0,0,3,3),0xFF000000);

    var aux=new Shape();
    addChild(aux);
    with(aux.graphics) {
    beginBitmapFill(bmp);
    drawRect(0,0,stage.stageWidth,stage.stageHeight);
    }
    aux.cacheAsBitmap=true;

    En vez del fillRect puedes hacer un draw de algun mc, etc...

    Y lo del gif, no debiera influir, ya que en flash pasa a ser un bitmapdata con transparencia, igual que un png... lo que si deberias cuidar es el tamaño del video y que el smoothing este en false ;)
    Publicado hace 3 años