El componente MediaDisplay permite reproducir medios sin interrupción en el contenido de Flash sin necesidad de utilizar una interfaz de usuario como soporte. Este componente puede utilizarse con datos de vídeo y de audio. Al utilizar este componente por sí solo, el usuario no tiene control sobre los medios.

El componente MediaController proporciona controles de interfaz de usuario estándar (reproducción, pausa, etc.) para la reproducción multimedia. Los medios no se cargan nunca en MediaController y éste tampoco los reproduce; dicho componente sólo se utiliza para controlar la reproducción en una instancia de MediaPlayback o MediaDisplay. El componente MediaController presenta un "cajón" que muestra el contenido de los controles de reproducción al colocar el ratón sobre el componente.

Utilización de los componentes MediaDisplay y MediaController

1.- Del panel de componentes multimedia, arrastramos una instancia del componente MediaDisplay al escenario.
2.- Asignarle como nombre de instancia "miReproductor" y redimensionarlo a un tamaño mínimo, por ejemplo 3 x 3 píxeles.
3.- Del panel de componentes multimedia, arrastramos una instancia del componente MediaController al escenario.
4.- Lo situamos justo debajo del anterior componente y le damos como nombre de instancia "miControlador".
5.- En un fotograma, escribimos el siguiente código.

//La ruta al archivo que deseamos reproducir
miReproductor.contentPath = "mus1.mp3";
//asociamos el reproductor al controlador
miReproductor.associateController(miControlador);
//Expandimos los controles
miControlador.controllerPolicy = "on";

La interfaz para el componente MediaController depende de las propiedades Media.controllerPolicy y Media.backgroundStyle correspondientes. La propiedad Media.controllerPolicy determina si el juego de controles de los medios está siempre visible, contraído o sólo se puede ver al colocar el puntero del ratón sobre la parte de control del componente. Al contraerse, el controlador dibuja una barra de progreso modificada, que es una combinación de la barra de carga y la barra de reproducción. La barra de progreso muestra el progreso de los bytes que se están cargando en la parte inferior de la barra y el progreso de la cabeza lectora justo encima. El controlador, cuando se expande, dibuja una versión ampliada de la barra de reproducción/barra de carga, que contiene los elementos siguientes:

• Etiquetas de texto a la izquierda, que indican el estado de reproducción (sin interrupción o pausada) y a la derecha, que indican la ubicación de la cabeza lectora (en segundos).
• Un indicador de la ubicación de la cabeza lectora.
• Un deslizador, que los usuarios pueden arrastrar para desplazarse por los medios.

El componente MediaController también proporciona los elementos siguientes:

• Un botón Pausar/Reproducir
• Los botones Ir al principio e Ir al final, que sirven para desplazarse al principio y al final de los medios, respectivamente.
• Un control de volumen, que consta de un deslizador, un botón para quitar el sonido y otro botón de volumen máximo.
  

Media.controllerPolicy : determina si el componente MediaController (o el subcomponente de controlador del componente MediaPlayback) se oculta cuando se crean instancias de él y sólo aparece cuando el usuario desplaza el puntero del ratón sobre el controlador en estado contraído. Los valores posibles para esta propiedad son los siguientes:

• "on" especifica que los controles están siempre expandidos.
• "off" especifica que los controles están siempre contraídos.
• "auto" (valor predeterminado) especifica que el control permanece en estado contraído hasta que el usuario desplace el puntero del ratón sobre el área activa. El área activa coincide con el área en la que se dibuja el control contraído. El control permanece expandido hasta que el ratón sale del área activa. NOTA
  

Ejemplo:

miControlador.controllerPolicy = "on";

Media.backgroundStyle: valor de cadena que indica el fondo que se dibuja para la instancia de MediaController. Un valor "default" indica que se dibuja el fondo cromático, mientras que un valor "none" indica que no se dibuja dicho fondo. El valor predeterminado es "default".

Ejemplo:

miControlador.backgroundStyle = "none";