Importar vídeo y reproducir streaming con flash

  Compatibilidad del artículo: ActionScript 2.0.   ActionScript 3.0.   

Para importar un vídeo con flash, debemos ir en el área de trabajo de Adobe flash Profesional a Archivo->Importar->Importar vídeo..., donde nos mostrará la siguiente ventana:



Tenemos 2 opciones principales, cargar el vídeo desde un archivo en el equipo local, o bien lincar los datos de nuestro servidor Web vía URL del vídeo o XML.

Si quisiésemos cargar un archivo desde nuestro equipo, deberíamos pinchar en el botón de "Examinar..." y seleccionar el archivo. Si el archivo no fuera compatible (recomendado flv ó f4v) con Flash, nos informaría del error, en este caso deberíamos pinchar en el botón de abajo Iniciar Adobe Media Encoder, que viene con la suite de Adobe y nos permite pasar vídeos de un formato cualquiera a flv / f4v.
Una vez seleccionado el vídeo con el formato adecuado, volvemos a tener tres opciones:
  • Cargar vídeo externo con componente de reproducción (recomendado), cargará el vídeo externamente, por lo que habría que subir el vídeo junto al swf.
  • Incorporar FLV en SWF y reproducir en la linea de tiempo, Integrará el vídeo en el Flash, sin embargo suele dar problemas de sincronización de audio.
  • Importar como vídeo de dispositivo móvil empaquetado en SWF, para dispositivos móviles, se debe publicar con Flash Lite.

Otra opción sería lincarlo desde un servidor web mediante una URL a un vídeo o a un servidor rtmp.

Una vez seleccionada la opción se pulsa en siguiente y se escoge el aspecto entre las diferentes opciones proporcionadas, otra vez, ya sea en web o bien en local. En caso de hacerlo en local, generaría un swf en la misma carpeta de trabajo, que se debería subir con el Flash posteriormente a nuestro servidor.

Una vez seleccionado el aspecto del reproductor, ya tendremos todo hecho, aparecerá una ventana donde nos mostrará nuestra selección y si estamos de acuerdo, sólo tendremos que pinchar en "Finalizar" y ya tendremos nuestra instancia a FLVPlayBack en nuestra área de trabajo.

En la ventana de Propiedades, podremos modificar los siguientes aspectos del vídeo:

alignDonde se posiciona el vídeo en caso de no tener las dimensiones del contenedor.
autoPlaySi el vídeo se reproducirá al cargarse (true) o no (false).
cuePointsMuestra los posibles puntos de referencia.
isLiveInforma si el contenido del vídeo es dinámico o no, por ejemplo una transmisión en directo.
previewImagen PNG de previsualización, sólo para contenidos dinámicos.
scaleModeSi muestra el vídeo con el tamaño del contenedor respetando proporciones (maintainAspectRatio), tamaño original (noScale) o bien el tamaño del contenedor exactamente (exactFit).
skinEl aspecto del reproductor.
skinAutoHideSi la barra del reproductor, aparece y desaparece al pasar por encima.
skinBackgroundAlphaEl porcentaje de transparencia de la barra del reproductor.
skinBackgroundColorEl color de la barra del reproductor.
sourceDirección del vídeo.
volumeSin volumen (0) o con volumen (1).


Por último recordar que para que se pueda mostrar el contenido del vídeo en pantalla completa, debemos asignar la variable allowFullScreen a true, por ejemplo:

<object type="application/x-shockwave-flash" data="directorio/archivo.swf">
    <param name="movie" value="directorio/archivo.swf" />
    <param name="allowfullscreen" value="true" />

        
</object>


ActionScript:
// Copyright © McAnam.com
// http://www.mcanam.com/articulos/Flash.php?id=7

boton1.addEventListener(MouseEvent.CLICK, mostrar_video1);

function mostrar_video1(evt:MouseEvent):void {

    video.source = "carpeta/video.f4v";
    
}


Ejemplo:

Links relacionados:
Reproducir música con flash (indefinidamente)
Pasar parámetros a la función dentro del addEventListener
Cargar y presentar variables de fichero externo
Crear juego de "Busca las parejas" en Flash (1/2)
Crear juego de "Busca las parejas" en Flash (2/2), la clase carta
Internet: Registrarse en Microsoft para utilizar sus servicios como messenger y hotmail


Para cualquier duda, consulta, sugerencia, opinión, colaboración, etc; no dude en ponerse en contacto con nosotros

Copyright © 2002-2017 [McAnam]. Reservados todos los derechos.
www.mcanam.com