Posts tagged: 3.0

Mostrar Video ActionScript 3.0

El actual proyecto en el que me encuentro trabajando ha significado muchísimos retos, tanto por los distintos lenguajes de programación que involucra, la interacción entre estos, y claro, la increíble cantidad de horas googleando para conseguir respuestas, ayuda, especificaciones, funcionalidades, métodos, ejemplos, y un largo etcétera.

Los lenguajes de programación que he estado usando para este proyecto son:

  • ActionScript 3.0 en Flash CS4
  • ASP.NET con C# en Visual Studio 2008

Como bien les comentaba en el primer párrafo, hubo varias cosas, que si bien no mucha gente utiliza, me costó mucho trabajo encontrar información al respecto para lograr que funcionara o la información que se encuentra en la red está incompleta.

Por esto, sacaré algunos posts en los cuales les ponga algunos de los problemas con los cuales me enfrenté en este proyecto, poniendo pequeñas partes de código con sus respectivas explicaciones.

Empezando desde abajo y con lo básico, primero empezaré con ActionScript 3.0 y como obtener el audio y video de una computadora para mostrarlo en tu ejecutable (SWF).

  • Despues de que se abra nuestro Flash CS4, creamos un archivo nuevo de ActionScript 3.0:
Crear Archivo ActionScript 3.0

Crear Archivo ActionScript 3.0

  • Una vez abierto el archivo, necesitamos crear el objeto de video donde se mostará lo que grabe nuestra camara, entonces, seleccionamos la pestaña BIBLIOTECA, y damos clic en las opciones que se encuentran al costado derecho:
Pestaña Biblioteca

Pestaña Biblioteca

  • Se mostará la siguiente lista de opciones, en ella, damos clic en Nuevo Vídeo:
Nuevo Video

Nuevo Video

  • Se mostrará la siguiente ventana de propiedades, le ponemos nombre al símbolo que vamos a crear, o bien dejamos el sugerido:
Propiedades de Video

Propiedades de Video

  • Nuestro nuevo símbolo se agregará automaticamente a la BIBLIOTECA, arrastrar dicho símbolo a nuestra Escena (Stage):
Video en Biblioteca

Video en Biblioteca

  • Seleccionar el símbolo de vídeo en la Escena (Stage) y dar clic en la pestaña de propiedades para configurar el nombre de la instancia, la posición y el tamaño:
Propiedades del Video

Propiedades del Video

  • Eso es todo lo que haremos en la Escena, ahora, en la linea de tiempo, creamos una nueva capa para el código, seleccionamos el primer fotograma (frame) de la nueva capa y después en la pestaña de ACCIONES – FOTOGRAMA:
Crear nueva capa

Crear nueva capa

  • La capa de ACCIONES es en la cual pegaremos nuestro codigo que definirá las acciones que hará nuestro SWF:
Acciones

Acciones

  • El código es el siguiente:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var cCamera:Camera;
var mMicro:Microphone;
 
//Obtenemos camara y microfono del usuario
cCamera = Camera.getCamera();
mMicro = Microphone.getMicrophone();
//Listeners de camara y microfono
//cCamera.addEventListener(StatusEvent.STATUS, vStatusCameraHandler);
//mMicro.addEventListener(StatusEvent.STATUS, vStatusMicrophoneHandler);
//Anchura, Altura y FPS
cCamera.setMode(320,240, 15);
 
//Ligamos la camara del usuario con el video en el SWF
vid.attachCamera(cCamera);
//Mande a la bocina lo que se obtiene del audio
mMicro.setLoopBack(true);
Prueba

Prueba

Entre los comentarios en el código pongo algunos de los eventos los cuales deben de manejar para evitar cualquier tipo de eventualidad.

Espero que les haya sido de utilidad.

Saludos!

  • Share/Bookmark