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.

Comments (10)
  1. Paul says:

    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

  2. Hola Paul, no hay problema, este lunes escribire un post en Expressate respondiendo tus preguntas. Puedes ver un buen ejemplo sobre video HD en http://www.silverlight.net/fox

    Saludos!

  3. Expressate! says:

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

  4. jose says:

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

  5. 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!

  6. jhon says:

    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

  7. diego says:

    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.

  8. para la pregunta de como enviar video desde el mobil es muy facil descarga este aplicativo y listo

    http://bambuser.com/

    espero te sirva

    welcome

  9. 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.

Comments are closed.

Skip to main content