Hágalo usted mismo: cómo transmitir video en vivo con Silverlight y Expression Encoder (parte 2)

En mi post anterior mencionaba cómo generar una señal de video y audio utilizando Expression Encoder y Rubén por su parte escribía sobre cómo publicar esa señal utilizando Windows Server 2008 y Windows Media Services. En esta ocasión escribiré cómo publicar ese contenido en una página Web utilizando Silverlight .

Para esto vamos a necesitar Expression Blend 2, que se puede descargar desde el sitio Web de Expression Studio . Al abrirlo, vamos a abrir un nuevo sitio (New Site) para Silverlight.

Site Silverlight en Expression Blend 2

Sobre el área de trabajo (o Canvas) vamos a crear un espacio para colocar un video utilizando el elemento MediaElement. Este lo podemos obtener dando clic en la última opción de la barra de herramientas a la izquierda de la pantalla, donde aparecerá una ventana como ésta:

Asset Library de Expresion Blend para Silverlight con MediaElement

Seleccionamos Mostrar Todos (Show all) y seleccionamos MediaElement. Después dibujamos el área del video en el canvas.

image

Propiedades de MediaElement en Expression BlendAhora sigue definir la fuente del video: habiendo seleccionado el componente de MediaElement vamos a la barra de Propiedades (Properties) del video y bajo la pestaña de Media ubicamos la opción Fuente (Source). Aquí ponemos la dirección del Publishing Point de nuestro servidor, por ejemplo: http://miservidor.com:8080/publishingpoint. Si estás utilizando un servidor en tu propia computadora utiliza http://localhost:8080/publishingpoint o http://127.0.0.1:8080/publishingpoint.

¡Listo! Al presionar la tecla F5 podremos ver la página con el elemento de video. Al principio puede que tarde un poco por el tiempo de buffering, pero en pocos segundos veremos el video en streaming en toda su gloria. Lo que sigue es agregar diseño alrededor del player para que la experiencia sea completa y agradable. Un excelente ejemplo puede verse en el sitio de Home Shooping Network

HSN.tv

Si no lo puedes ver verifica que estés enviando datos desde Expression Encoder, que tu servidor de streaming esté en línea y el publish point encendido. También verifica que tu firewall y las políticas de seguridad no estén bloqueado tu señal.

¡Con estos sencillos pasos ya puedes poner tu propio canal de radio o televisión por Internet! Suerte y seguimos leyéndonos.