Controlar la reproducción de elementos multimedia en un proyecto de Silverlight

Cuando se agrega un archivo multimedia (audio o vídeo) a un proyecto de Microsoft Silverlight 1.0 y, a continuación, se inserta en la mesa de trabajo, el archivo se agrega a un objeto MediaElement y se configura para reproducirse automáticamente. Esto no es lo mismo que insertar archivos de audio o vídeo en un proyecto de Windows Presentation Foundation, lo que tiene como resultado la creación de una escala de tiempo en un guión gráfico. En un proyecto de Microsoft Silverlight 1.0, no se puede controlar la reproducción de un archivo de vídeo o audio de la misma forma en que se controlaría un guión gráfico de animación.

[!NOTA]

Microsoft Expression Encoder 2 le permite crear un reproductor multimedia y aplicarle una máscara mediante una de las numerosas plantillas de Silverlight 1.0. El reproductor multimedia ya incluye botones de control para reproducir, pausar, etc. Puede modificar copias de las plantillas de Silverlight 1.0 incluidas con Expression Encoder 2 o puede abrir el proyecto codificado en Expression Blend 2 para agregarle más elementos visuales y funciones.

Use el procedimiento siguiente para controlar la reproducción de un archivo multimedia en un proyecto de Silverlight 1.0 en Expression Blend 2. Para obtener más información acerca de cómo controlar contenido multimedia en un proyecto de Silverlight 1.0, vea el inicio rápido de Silverlight (puede estar en inglés).

Para controlar la reproducción de un archivo multimedia en un proyecto de Silverlight 1.0

1. Agregue un archivo multimedia al proyecto. Puede aplicar el procedimiento que se explica en Agregar un archivo multimedia a un proyecto de Silverlight 1.0.

2. Cambie el nombre del objeto multimedia para poder hacer referencia a él desde el archivo de código subyacente. Por ejemplo, haga clic con el botón secundario en el objeto multimedia en Objetos y escala de tiempo, seleccione Cambiar nombre y, a continuación, escriba MyVideo.

3. Si desea ofrecer a los usuarios un objeto en el que puedan hacer clic para detener e iniciar el archivo multimedia, agregue dichos objetos a la mesa de trabajo ahora y cámbieles el nombre. Por ejemplo, agregue una elipse a la mesa de trabajo y cambie su nombre a Pause. Para obtener más información, vea Agregar elementos a un documento XAML en un proyecto de Silverlight y Cambiar el nombre de un objeto.

4. En Archivos del panel Proyecto, haga doble clic en el archivo de código subyacente para el documento XAML. Por ejemplo, si el documento XAML que desea modificar se llama Page.xaml, haga doble clic en el archivo Page.xaml. El archivo de código subyacente se abrirá en Expression Blend 2 en un editor de JavaScript.

5. Ya existe una línea de código de ejemplo para enlazar un controlador de eventos en el archivo de código subyacente y es similar a la siguiente:

   rootElement.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleMouseDown));
   

   Agregue la siguiente línea debajo de esa línea de código:

   this.control.content.findName("Pause").addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleClickPause));
   

   Este código agrega un método de control de eventos llamado handleClickPause que responde al evento MouseLeftButtonDown cuando se hace clic en el objeto llamado Pause.

6. El archivo de código subyacente ya contiene un método de control de eventos de ejemplo llamado handleMouseDown. Observe que al final del método handleLoad, aparece una coma (,) detrás de la última llave (}), pero no hay ninguna coma después de la última llave para el método handleMouseDown. Esto se debe a que handleMouseDown es el último método que se declara. Cuando agregue métodos nuevos, asegúrese de incluir una coma después de la última llave para cada método excepto el último.

7. Agregue el método de control de eventos siguiente, preferiblemente antes del evento handleMouseDown:

   handleClickPause: function(sender, eventArgs) 
   {
       sender.findName("MyVideo").pause();
   },
   

   Este método responde cuando un usuario hace clic con el botón primario en el objeto Pause y detiene la reproducción multimedia.

8. Presione F5 para probar la aplicación Silverlight 1.0. Haga clic en el objeto Pause para comprobar si se pausa la reproducción del archivo multimedia. También puede repetir estos pasos para un botón Reproducir y Detener.

Vea también

Conceptos

Agregar un archivo multimedia a un proyecto de Silverlight 1.0