Reproductor de un clip de vídeo flv

Los formatos flv (flash vídeo) son los más comunes en internet.

Casi todos los servidores de vídeo (YouTube, Dailymotion,...) transforman el vídeo original, del formato en que los usuarios lo hayan creado (avi, wmv,...), al formato flv. Después, para poder ser leído, el equipo deberá tener el Flash Player instalado.

Pues bien, vamos a crear en Flash un reproductor de vídeo en formato flv.

Para ello deberemos tener el vídeo, en primer lugar, y subirlo a un servidor que nos proporcione la URL limpia.

Una vez hecho esto, procedemos de forma muy similar al reproductor de mp3 que hemos visto en la entrada anterior.

Creamos un nuevo archivo de flash y añadimos el componente MediaPlayback. Ventana > Componentes:

Una vez hecho esto, seleccionamos la instancia que se habrá colocado en nuestro escenario y vamos a Ventana > Inspector de componentes:

Allí elegimos algunas de las opciones. Por ejemplo, que es un FLV, pegamos la URL, desactivamos la opción de reproducción automática y el Control Visibility lo ponemos en On.

Por último ajustaremos el tamaño de nuestro escenario al tamaño del reproductor en el panel de propiedades:

Éste es el resultado:

Reproductor de un mp3

Retomamos la edición de nuevas entradas.

Ya no va a ser con una película...
Hemos madurado un poco ;-)
Veamos cómo crear un reproductor.
Estamos en Macromedia Flash 8.
Creamos un nuevo documento de flash.

Modificamos el documento a una medida de 300.1 x 80 píxeles.

Le damos a Ventana > Componentes y allí elegimos (con doble clic) el MediaPlayback:

Modificamos el tamaño de la altura que viene por defecto (200) a 80 píxeles:

Arrastramos el componente hasta hacerlo coincidir con el escenario. O, si lo prefieres, colocas las coordenadas a 0:

Ahora le damos a Ventana > Inspector de componentes. Elegimos MP3, colocamos la URL en la que se encuentra nuestro archivo mp3, deseleccionamos el Autoplay y el Control Visibility lo ponemos en On.

Guardamos nuestro .fla con el nombre que queramos y exportamos la película con los parámetros que vienen por defecto.

Éste es el resultado:


"Que no se despierte" de Agustín García Calvo interpretado por Amancio Prada.

De momento, a salvo

Parece que CastPost ha resucitado.

De momento pues, estamos salvados.

Me ha dado tiempo a recuperar a mi disco duro los archivos alojados en este servidor y que forman el grueso de los materiales enlazados desde el blog.

En caso de nueva catástrofe, no es demasiado difícil la recuperación.

Por otro lado, he actualizado el blog a la nueva versión de Blogger.

La versión en la que se creó este blog hacía tiempo que ya no estaba operativa y se producían algunos problemillas que ahora, creo, ya están resueltos.

A la espera de un poco más de tiempo para poder ir creando nuevas entradas (ya con la versión nueva de Flash, el Adobe Flash CS3), podéis echar un vistazo a alguna de las explicaciones que he hecho sobre el lenguaje ActionScript en mis materiales publicados en El Observatorio Tecnológico del CNICE.

Gracias a todos por vuestra atención.

Problemas en el blog

Todos (la mayoría de) los archivos de flash que se muestran en cada una de las entradas de este blog, están alojados en CASTPOST. Este servidor no ha funcionado bien nunca. Pero lo que está pasando ahora es nuevo. Parece que se ha caído completamente.

Espero que se resuelvan los problemas en breve.
La solución pasa por alojar los archivos .swf en otro servidor.

Lo que ocurre es que no hay tantos... que permitan subir archivos de más de 10 MB , pero, lo más grave, es que no guardo copia de ninguna de las películas originales...

Cruzaremos, pues, los dedos...

Paso_012. Texto completándose

En este paso hemos querido explicar, fundamentalmente, la forma de conseguir que un determinado texto se vaya completando. La clave está en escribir el texto completo, copiarlo en los fotogramas claves y, posteriormente, separarlo. Así conseguimos poder eliminar las letras que sean necesarias para conseguir este efecto de escritura. Por debajo de este texto hemos colocado imágenes que se visualizan una detrás de otra. Podría ser considerado el ejercicio como un Visor de imágenes. Se ha añadido un stop en el primer fotograma para que la acción no empiece hasta que pulsemos el botón, editado como invisible, aunque se ha colocado un texto que se visualiza al colocar el cursor sobre él. El botón ocupa todo el escenario. Ver película explicativa.

Paso_011. Clips de película

Los clips de película son una película propiamente dicha, con su línea de tiempo independiente que se puede incrustar las veces que haga falta en la película principal. Cada una de las veces que se incrusta, estamos hablando de una instancia del símbolo. Las instancias se pueden modificar sin que esas modificaciones afecten al símbolo principal, en este caso, al clip de película principal. En el trabajo final se han incluido varios clips, cada uno con una aceleración diferente y con un escalado diferente. Puedes pinchar en el centro de cada estrella para hacerla girar. La película explicativa y el trabajo final se han alojado en CastPost.

Paso_010. Botones

Este paso lo hemos dedicado por completo al tema de los botones flash. Resumiendo un poco, podemos decir que un botón en flash es un vínculo (gráfico animado o no, o textual...) Para no hacer la explicación demasiado pesada, la he dividido en cuatro películas ordenadas. Aquí tienes los enlaces: Paso_010_1, Paso_010_2, Paso_010_3 y Paso_010_4. Además de los botones, se ha trabajado un poco más a fondo el tema de las escenas, el paso de una a otra y los vínculos entre las mismas. También se ve por primera vez la modificación de un apilamiento de capas para una correcta visualización de algún elemento. Vídeos alojados en Castpost.