Uno de los motivos por los cuales Flash ha sido una herramienta “maltratada” y menospreciada ha sido el hecho de que las páginas web desarrolladas con ésta herramienta tenían un peso elevado (en kb). Evidentemente esta teoría es totalmente falsa ya que con flash, haciendo uso de una organización de películas bien estructurada y con cargas externas, podemos conseguir proyectos web con una fluidez impresionante y unos tiempos de carga muy bajos.
Vamos pues a cargar películas externas con Flash usando un clip de película como contenedor de las películas que cargaremos externamente.
1º – Preparando la película principal (Home).
Tendremos creada nuestra película principal que llamará a las demás a través de los botones del menú.

2.jpg
Â
El archivo que contiene nuestro menú será la home.fla (película principal) de nuestra web que a su vez, también contendrá un clip de película vacío llamado “cargador” en la coordenada 0 de “X” e “Y”.
Para ello pues, debemos crear el clip cargador.

1.jpg

Lo creamos y lo ubicamos como hemos dicho antes en la coordenada “0” del escenario, tanto de “X” como de “Y”. Las películas que vamos a cargar deben tener el mismo tamaño que la película “home” ya que usaremos la coordenada de ésta para que nos sirva de referencia. A éste clip de película le pondremos como nombre de instancia “cargador”. Como todos sabemos, el nombre de instancia lo usaremos para identificar a nuestro clip de película en el escenario y así poder indicar a la película que cargaremos donde queremos que lo haga.

El escenario debería quedaros así:

3.jpg

Los recuadros rojos nos hacen referencia a los puntos a tener en cuenta cuando ubicamos el clip “cargador” en el escenario como son: Nombre de instancia asignado (en nuestro caso hemos puesto “cargador”) y la ubicación del clip de película. Así pues, tenemos nuestra “home” preparada para llamar a una película externa que tenemos que crear.

2º Creando la película externa que vamos a crear.

Creamos un nuevo documento de flash con el mismo tamaño de nuestra “home” y pondremos un texto animado para que nos confirme que la película ha sido cargada. La llamaremos pelicula1.fla:

4.jpg

Entonces tendremos dos archivos swf generados: “home.swf”, “pelicula1.swf”.

3º Realizando la llamada a la película externa.

Vamos a llamar a “película1.swf” para que se cargue en nuestro clip llamado “cargador” y que se encuentra en la “home” de nuestra página.

Marcamos el primer botón de nuestra home y hacemos lo siguiente.

 5.jpg

Debemos meter en el primer botón el código ActionScript necesario para hacer la llamada a nuestra película externa:

on(press){
        loadMovie(“pelicula1.swf”, “_root.cargador”);
}

Con éste código le estamos diciendo al botón que cuando sea presionado, la película llamada “pelicula1.swf” que se cargue en el clip de película que se encuentra en el escenario (_root) y que tiene como nombre de instancia “cargador”.

Si hemos realizado bien todos los pasos, en nuestra home debería aparecernos el texto animado de la “pelicula1”.

6.jpg

Nos faltaría hacer lo mismo con todos los botones creando más películas y cargándolas externamente como hemos hecho con “pelicula1”.

Aplicando este ejercicio a lo que sería una página web real, “película1.swf” podría ser “empresa.swf” y así todos los elementos de un menú real con lo que conseguiremos repartir la información de nuestra página web en varias películas independientes y no obligaremos a nuestros usuarios a descargar la página web al completo.

Saber organizar de esta forma tus páginas desarrolladas en flash, habrás dado un paso de gigante a la hora de optimizar el flujo de navegación y peso de tus páginas.

Descarga los archivos aquí

About Javier Rodríguez

CEO en @xtrared. Ayudo a las empresas a #sermásenInternet a través de #seo #socialmedia #diseñoweb. Orgulloso padre de familia.

42 Responses to Cargar peliculas externas con Flash
  1. Más claro imposible. Muy sencillo y chachi.
    Un saludo y gracias

  2. Diario Flash - Aunamedia » Archivo del weblog » Lo mínimo que debe conocer cualquier Profesional de Flash… 22/11/2006 at 12:51 pm Responder

    […] En http://javirodriguez.es/?p=195 podréis encontrar una entrada de mi Compañero Javier Rodríguez, que nos menciona parte del curso de Método Profesional (www.flashprofesional.com) que es un regalito a todos los aspirantes a profesionales del diseño Web Profesional. […]

  3. gracias ….
    me ha servido mucho

  4. Gracias por este aporte y espero que continues con esta politica de enseñarle al mundo tus conocimientos

  5. BUenídimo, me carga la película pero en una ventana diferente. Como puedo gacer para que cargue en el mismo flash

  6. Pues me ha parecido muy bueno el aporte, más no he podido abrir el archivo .fla (tengo Flash MX) y además he seguido paso a paso el tutorial, pero me arroja un error el script al ejecutarlo.
    ¿Serías tan gentil de aclararme cómo salvar ese problema?
    Gracias.

  7. ChZ s t o r f o r o 17/08/2007 at 8:00 pm Responder

    Maravilloso muy sencillo y efectivo el tutorial, pero tengo una pregunta, lo que sucede es que si yo quiero poner mi flash “home.swf” en el dreamweaver, lo pongo en la carpeta “assets” que esta dentro de mi sitio, y en esa misma ubicacion pongo “pelicula1.swf” luego inserto el “home.swf” en mi pagina index.html y cuando abro con el explorador carga el flash “home.swf” pero no carga el “pelicula1.swf”, he probado sacando los swf´s de “assets” y metiendolos en la misma ubicacion de la pagina Index y ahi si funciona, pero es necesario tenerlos en assets para colgarlos al hosting asi que queria saber como podria hacer para que teniendo los swf´s en “assets” pueda cargar las peliculas externas en el navegador.

    Y la segunda pregunta es… se puede insertar 2 acciones a un solo boton? es decir le doy un click y hace dos cosas a la vez, lo que sucede es que en mi pelicula home.swf yo tengo una imagen en el espacio en blanco, y luego quiero que mi boton que hace cargar la pelicula externa también me lleve a otra instancia donde no este la imagen que esta en el primer frame de home.swf no se si me dejo entender…

    espero me ayudes a resolver estas dudas para mí son muy importantes gracias por todo y Bravo! sigue asi 😉

  8. ChZ s t o r f o r o 17/08/2007 at 8:00 pm Responder

    Maravilloso muy sencillo y efectivo el tutorial, pero tengo una pregunta, lo que sucede es que si yo quiero poner mi flash “home.swf” en el dreamweaver, lo pongo en la carpeta “assets” que esta dentro de mi sitio, y en esa misma ubicacion pongo “pelicula1.swf” luego inserto el “home.swf” en mi pagina index.html y cuando abro con el explorador carga el flash “home.swf” pero no carga el “pelicula1.swf”, he probado sacando los swf´s de “assets” y metiendolos en la misma ubicacion de la pagina Index y ahi si funciona, pero es necesario tenerlos en assets para colgarlos al hosting asi que queria saber como podria hacer para que teniendo los swf´s en “assets” pueda cargar las peliculas externas en el navegador.

    Y la segunda pregunta es… se puede insertar 2 acciones a un solo boton? es decir le doy un click y hace dos cosas a la vez, lo que sucede es que en mi pelicula home.swf yo tengo una imagen en el espacio en blanco, y luego quiero que mi boton que hace cargar la pelicula externa también me lleve a otra instancia donde no este la imagen que esta en el primer frame de home.swf no se si me dejo entender…

    espero me ayudes a resolver estas dudas para mí son muy importantes gracias por todo y Bravo! sigue asi 😉

  9. ChZ s t o r f o r o 17/08/2007 at 8:00 pm Responder

    Maravilloso muy sencillo y efectivo el tutorial, pero tengo una pregunta, lo que sucede es que si yo quiero poner mi flash “home.swf” en el dreamweaver, lo pongo en la carpeta “assets” que esta dentro de mi sitio, y en esa misma ubicacion pongo “pelicula1.swf” luego inserto el “home.swf” en mi pagina index.html y cuando abro con el explorador carga el flash “home.swf” pero no carga el “pelicula1.swf”, he probado sacando los swf´s de “assets” y metiendolos en la misma ubicacion de la pagina Index y ahi si funciona, pero es necesario tenerlos en assets para colgarlos al hosting asi que queria saber como podria hacer para que teniendo los swf´s en “assets” pueda cargar las peliculas externas en el navegador.

    Y la segunda pregunta es… se puede insertar 2 acciones a un solo boton? es decir le doy un click y hace dos cosas a la vez, lo que sucede es que en mi pelicula home.swf yo tengo una imagen en el espacio en blanco, y luego quiero que mi boton que hace cargar la pelicula externa también me lleve a otra instancia donde no este la imagen que esta en el primer frame de home.swf no se si me dejo entender…

    espero me ayudes a resolver estas dudas para mí son muy importantes gracias por todo y Bravo! sigue asi 😉

  10. Muy buen tutorial, una pregunta como le aplico alpha a los swf externos, es decir si quiero q al hacer click a un boton el swf q esta en el scenario desaparezca de 100 – 0 y entre otro swf de 0 – 100? espero ser claro

    saludos y gracias!!

  11. javi me puedes colaborar para ver como hago para reproducir de manera simultanea una capa que quiero se reprodusta una y otra vez una y otra vez y una pelicula de flash que quiero que se detenga en un momento determinado sin parar la capa que se esta reproduciendo??

  12. Hola Kenyon,

    Es fácil lo que comentas.

    Creas un clip de pelicula con la animación que quieres reproducir una y otra vez. En dicho clip, no pongas Stop para que su linea de tiempo se reproduzca indefinidamente. En la pelicula donde tienes ese clip pon el stop y siempre cuando la linea de tiempo “visualice” ese clip, la pelicula estará parada reproduciendo indefinidamente dicho clip.

    saludos y suerte 😉

  13. Hola Javier, impecable tu explicación, me fue de gran ayuda. Ahora me surge un problema, la pelicula que llamo desde el home es un flash que muestra una galería de fotos de carga dinámica a través de un .TXT, el inconveniente es que no realiza la carga y por ende no me muestra las imagenes. ¿podrás orientarme?. Muchas gracias.

  14. Que acción le darias a un botón para cerrar un swf ya abierto en la home?

  15. Hola, dejame felcitarte muy buenio

    Pero tengo un problema
    Le quite las coordenadas
    Y cargue un .swf de distinto tamaño
    le puse un fullscreen
    y lo que hace es aumentar l mamaño de la pelicula
    pero de la segunta que es mas grande solo veo la mitad
    No se si puedas ayudarme te lo agradecer e

    Bueno de una vez
    Gracias

  16. No puedo cargar una pelicula flash en la cual he insertado otras externas al dreamweaver, cuando lo cargo no salen las peliculas externas….. puedes ayudarme,

    Gracias

  17. holas!! muy bueno me funciono de maravillas…El tema ahora es cdo cargo un swf que tiene un scoll, me aparece en la ventana Output los siguientes errores:

    Destino no encontrado: Destino=”/scroll” Base=”_level0.venta2″
    Destino no encontrado: Destino=”/upaction” Base=”_level0.venta2″

    y no funcionan ninguno de los botones de ariba y abajo.

    Como hago?! Porfa no quiero molestar pero ya me he cansado….

  18. MUY BUENA EXPLICACION
    GRACIAS Y OJALA PUEDAS
    SEGIR APORTANDO

  19. el tutorial esta clarisimo…pero yo tuve un problema.. a ver si me podes ayudar…
    si a esta pagina le agrego musica y un boton de (play/pausa) en la pelicula “home”, esto causa que la pelicula pese bastante, por el mp3.

    Como hago para agregar un cargador de la “home” al principio mientras cargue esa pelicula?
    si no le pongo esom, muestra la pagina en blanco hasta que termina de cargar el “home” con el mp3 adentro y para eso, el usuario se aburrio y se fue-..jaja
    bueno nose si habras entendido…si tenes alguna solucion…te agradezco!

  20. Javi, no me corre, todo esta bien hecho segui paso a paso, le doy click y no pasa nada.
    Ayudame porfavor.

  21. muy buen tutorial

  22. Documento sin título

    eres lo máximo.
    eres un ídolo

  23. Documento sin título

    Bueno amigo… te debo un montón si supieras cuanta ayuda nos haces, aveces que nos stresamos cuando algo no nos sale.
    Lord Dark Byte…..^_^

  24. La pregunta del millón:

    ¿Es posible cargar en un swf padre, un swf hijo, para que se abra en un evento de botón “on (release)”, es decir, como si el mouse se hubiera posado sobre un botón del swf hijo?

    Requiero solucionar esto urgente y no encuentro la respuesta :/
    Cualquier ayuda, gracias.

  25. MUY BUEN tuto Javi, me ha ayudado en algo y me diste pie para preguntarte otra cosa, se puede con un mismo boton cargar varias peliculas externas? pero de a una con cada click que haga y en el mismo contenedor. Se puede? o como podria hacer? es para mostrar un porfolio con imagenes que tiene un boton de seguiente y atras pero son muchas imagenes por eso pensaba cargarlas como peliculas expternas pero necesito mostrarlas una por ves y con el mismo boton de siguiente y atras.

    Te agradezco de antemano si me contestas je!!! Salu2!!!

  26. exelente tutorial, ahora quisiera saber como cargar una ventana nueva dentro de otra. es decir, tomando el ejemplo del tutoria, que al hacer clik al boton el contenido cargue en otra ventana pero que de las comunes de publicacion de windows no de url. si me pueden resolver ese problemita se los agradeceria mucho.. boton que cargue otra ventana independiente a la ventana donde aparece el boton.

  27. Me ha encantado tu tutorial, nunca logre que otros me funcionaran es muy sencillo y practico, solo que tengo un problema cuando lo aplico a mi pagina Web, desde el archivo home.fla me funciona muy bien, pero cuando sigo los mismos pasos y todo igual los mismos elementos y todo pero llamo al archivo index.fla para poder subirla a la red no me funciona no entiendo cual es el problema ayudame por favor.

  28. Tengo un problema no se mucho de flash pero Estoy tratando de hacer una página web en flash cuando pruebo el swf solo los hipervínculos que coloco para llamar url externas en ventanas diferentes funciona pero cuando publico el flash en html los hipervínculos no funcionan manda un mensaje diciendo que adobe flash a detenido una operación que podría no ser segura

  29. una bestia ese tutorial se le agradece, mas adelante les hare llegar la web q use este tuto

  30. Muchas gracias!!!!! este tutorial me sirvió a la perfección

    • Me alegro por la utilidad de este tutorial para todos. Próximamente publicaré la misma utilidad en AS3…. sólo necesito encontrar algo de tiempo.

  31. Javier buenisimo este tutorial, mas claro imposible, muchas gracias, eres de gran ayuda para los que estamos iniciando en esto, si tienes un tiempo por fa héchale un ojo a mi web y dame tus comentarios.

  32. Hola! muy bueno este tuto…me sale todo…pero ahora tengo una duda…estoy realizando un cd interactivo y quiero usar esta tecnica pero quiero que al darle clic y al cargase la pelicula, la botonera desaparezca, solo dejando la nueva pelicula externa…o sea un ejemplo: tengo mi escena principal donde se encuentran todos mis botones (musica, video, etc) y cada uno de ellos llaman a una pelicula diferente que a su vez contiene otras que seran llamadas por otros botones, y me gustaria que la botonera desapazca solo dejandome visualizar mi peli cargada…es posible, cierto es, pero, como? veo que hace mucho que no entras, pero ojala tenga suerte y me puedas responder =D saludos.

  33. Me sirvió mucho el ejemplo. Muy claro. Ahora cómo hacer un home en el cual se pueda insertar una pelicula solo para el home . He probado pero al clickear en los botones la película del home nunca se borra. Cómo debo manejar eso?
    Gracias
    Saludos

  34. Muy buena tu explicacion amigo, esto me facilita el trabajo en grande, ya que meter muchas cosas en un solo swf lo hace demasiado pesado para la carga.
    Solo quisiera pregunatar como hago para cerra el segundo swf que aparece, puesto que en mi caso opacara a los botones que estan en el primer swf?????
    Yo estaba pensando quizas poner un boton con este codigo, pero no se si funcionara::::: on (release) {
    loadMovieNum(“swf1.html”,133);
    }
    Lo que quiero es que al cerrarce la segunda animacion regrese a la primera.
    Espero puedas ayudarme, te agradesco de antemano gracias……

  35. Hola tengo un problema soy novata en este tema y estoy realizando una página web, tengo mi index donde tengo mi clip de película vacío para llamar las otras películas, mi index tiene un texto fijo siempre y cuando apreto un boton aparece la pelicula2, lo que necesito es que el texto de mi index desaparesca cuando apreto el boton me dijieron con loadmivienum no tendría problema pero aún no encuentro un código que me sirva, porfis alguien me puede ayudar???

    Mil millones de gracias de antemano

  36. gracias funciona bien,
    pero oye para agragarle un boton y cerrar la pelicula que se cargp como le hago????

  37. Gracias por la explicacion…

  38. hola. queria saber cuando llame a ese swf externo.. si en esa animacion del swf externo tiene botones. foncionarian? en el swf principal :

    nose si me entiendes!
    pero probare tu ejemplo!

  39. Un saludo cordial antes que nada me parece muy bueno tu tutorial pero que queria preguntarte algo …. porque tenog un problema con la cargas externas resulta que tengo un menu principal para mi pagina flash y los demas swf que serian las paginas adicionales el problema es que cuando cargo una atraves que los botones que he creado de adelante y asi atras me va cargando poco a poco el swf que contiene el contenedor o sea que se va haciendo cada ves mas pesado…. si eres muy amable en darme una respuesta te lo agradeceria mucho de la forma como podria hacer.

  40. Hola, tengo una duda hice los pasos descritos en este tutorial y todo salió bien pero quería saber de qué forma se puede hacer que en esa animación los swf carguen solos y los botones los usemos solo para ir a alguno de ellos
    me explico todo funcione como está programado peor que la animación cargue sola y empiecen a correr sin necesidad de tener que hacerle el llamado a cada una con el botón y los botones solo se usen para navegar entre ellas.
    Un saludo….. Y gracias 🙂

  41. […] este blog, una de los artículos más valorados, reconocidos y comentados ha sido el dedicado las cargas externas con flash, publicado hace ahora 4 años y que  aún genera más de mil visitas mensuales. En dicho artículo […]


[top]

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *