Welcome to MSDN Blogs Sign in | Join | Help

Expressate!

Construyendo la siguiente generacion de aplicaciones Web 2.0

News

  • Bookmark and Share

    earth day

    View Mauricio Angulo S.'s profile on LinkedIn

    Microsoft: change the world or go home

    Expressate: blog de UX

    Este es un blog de Mauricio Angulo S. sobre Experiencia de Usuario, Expression Studio, Silverlight y Windows Live para diseñadores y programadores dedicados al Web.

    Este feed se actualiza cada 60 minutos.

    View blog authority

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.

Posted: Thursday, May 08, 2008 3:45 PM by fate

Comments

Paul said:

hola, me interesa pero quisiera saber detalles tecnicos, como por ejemplo para un video de 1GB desde el servidor hasta la Pc donde quiero recibir el video cuanto demoraria en recibirlo, cuanto ancho de banda necesito, primero parte el video en pequeños pedasos y luego lo manda o el video se parte y se manda luego se vuelve a partir y se manda y asi hasta envciar todo el video

# June 20, 2008 5:16 PM

fate said:

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!

# June 20, 2008 6:30 PM

Expressate! said:

El tema de transmisión de video en vivo por Internet es fascinante y es uno de los aspectos más interesantes

# June 25, 2008 9:31 PM

jose said:

estimados, me gustaria saber como producir señal en vivo desde un movil para enviarlo a una web como la q muestran ustedes

# October 2, 2008 1:30 PM

fate said:

Mmm, dewsde un movil esta algo complejo, ya que nos hay versiones del encodeador para moviles por temas de procesador y bteria, pero suena interesante. Dejame echarle un vistazo y si encuentro algo lo publico por aca.

Saludos!

# October 3, 2008 11:49 AM

jhon said:

hola yo quisiera que me ayuden un poco con aspectos tecnicos estoy planeando poner uns erver de stream localmente con videos de 40 min y 25 ftp y 500 kbps y de peso de 250 mb masomenos para ponerlos por demanda bajo direcciones mms ...bueno mi pregunta es que ancho de banda necesitaria para q mis usuarios me puedan ver sin problemas es decir sin problemas de buffing ,suponineod uqe mi usuariso en cierto momento llegaran a ser 300 almimos tiempo viendo distintos videos con las misma s carateristicas de un miso server

# December 3, 2008 7:26 PM

diego said:

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.

# April 17, 2009 12:55 PM
Leave a Comment

(required) 

(required) 

(optional)

(required) 

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Page view tracker