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.
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:
Seleccionamos Mostrar Todos (Show all) y seleccionamos MediaElement. Después dibujamos el área del video en el canvas.
Ahora 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: https://miservidor.com:8080/publishingpoint. Si estás utilizando un servidor en tu propia computadora utiliza https://localhost:8080/publishingpoint o https://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
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.
Comments
Anonymous
May 08, 2008
PingBack from http://blogs.msdn.com/expressate/archive/2008/05/02/h-galo-usted-mismo-c-mo-transmitir-video-en-vivo-con-silverlight-y-expression-encoder-parte-1.aspxAnonymous
June 20, 2008
The comment has been removedAnonymous
June 20, 2008
Hola Paul, no hay problema, este lunes escribire un post en Expressate respondiendo tus preguntas. Puedes ver un buen ejemplo sobre video HD en www.silverlight.net/fox Saludos!Anonymous
June 25, 2008
El tema de transmisión de video en vivo por Internet es fascinante y es uno de los aspectos más interesantesAnonymous
October 02, 2008
estimados, me gustaria saber como producir señal en vivo desde un movil para enviarlo a una web como la q muestran ustedesAnonymous
October 03, 2008
The comment has been removedAnonymous
December 03, 2008
The comment has been removedAnonymous
April 17, 2009
tengo la misma duda que jose, estimados, me gustaria saber como producir señal en vivo desde un movil para enviarlo a una web como la q muestran ustedes. desde ya muchas gracias.Anonymous
July 28, 2009
para la pregunta de como enviar video desde el mobil es muy facil descarga este aplicativo y listo http://bambuser.com/ espero te sirva welcomeAnonymous
July 29, 2009
De acuerdo, Bambuser te puede servir para hacer streaming de video desde tu movil, pero usa un cliente en web basado en Flash, no en Silverlight. Es lo bueno de que hay opciones, cierto? Nos seguimos leyendo.