Silverlight Streaming

29 08 2008

De la conferencia que impartí hoy, por parte de Developers MS-UPIICSA, le dejo el material para que ustedes suban sus propios vídeos y/o aplicaciones Silverlight al servicio de Microsoft Silverlight Streaming.

Método 1

La prima forma que expuse fue por medio de Expression Encoder

Antes de empezar descargamos:

Expression Encoder 2: http://www.microsoft.com/expression/products/overview.aspx?key=encoder

Plug-In para Encoder 2 : http://dev.live.com/blogs/sls/archive/2008/06/16/358.aspx

1) Importamos el contenido multimedia, File->Import, nos debe aparecer en la lista el contenido.

image

2) Seleccionamos una plantilla para nuestro reproductor en  Output->Job Output->Template

image

3) Damos clic en en botón “Encode”

image

4) En Output->Publish seleccionamos el plug-in Silverlight Streaming, ponemos un nombre si queremos, los campos Account & key, los obtenemos del registro en: http://silverlight.live.com/, y después damos clic en “publish”, Expression Encoder nos genera código HTML para que lo podamos usarlo inmediatamente.

image

Método 2

Directamente desde la pagina de Silverlight Streaming:

http://silverlight.live.com/

1) Accedemos con nuestra cuenta o nos registramos, nos vamos al menú de “Manage Videos”, exploramos el archivo que queremos cargar, y damos clic en Upload,

image

Nota: Si el vídeo esta en en formato WMV activa la opción “This video is a Silverlight Compilant WMV file” para evitar la transcodificación.

2)

El vídeo que cargamos nos aparecerá en la lista podemos hacer un previo o acceder al código HTML para copiar y pegar a otra pagina.

image

Metodo 3

Desde la comodidad del explorador de Windows.

1) Tenemos que conectar a una unidad de red, podemos hacerlo de 3 formas desde la línea de comandos, desde PowerShell ó desde el explorador.

Si es por PowerShell ó Línea de comandos escribimos:

“net use s: https://silverlight.services.live.com/AccountID/”, donde Account ID lo sacamos de la pagina de administración de Silverlight Streaming, y “s”, es la letra de la unidad de red .

Si lo hacemos por el explorador de Windows, abrimos algun directorio y damos clic en conectar a una unidad de red. el el campo de dirección colocamos:

https://silverlight.services.live.com/AccountID/ “.

De ambas formas se nos pedirá Usuario(AccountID) y contraseña(Key) los obtenemos de la página de administración de Silverlight Streaming.

theY de esta forma podemos ver los archivos desde el explorer

Integración con Visual Studio 2008:

Antes de empezar tenemos que instalar:

Windows Live Tools for Visual Studio: http://dev.live.com/tools

En Visual Studio creamos un nuevo proyecto de ASP. NET, seleccionamos .NET 3.5, nos creará la pagina por defecto y seguimos a abrirla:

1) Arrastramos de la caja de herramientas, el control “ScriptManager” y lo ponemos dentro <form ..></form> o algun control que tenga la propiedad “runat=server”, debajo de este arrastramos el control SilverlightStreamingMediaPlayer, y configuramos la propiedad MediaSource y escribimos la dirección que obtenemos en la pagina de Silverlight Streaming->Manage Videos->Link to the video:

image

El código en Visual Studio nos quedará así:

<form id=”form1″ runat=”server”>
<div>
    <asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
    </asp:ScriptManager>
    <live:SilverlightStreamingMediaPlayer ID=”SilverlightStreamingMediaPlayer1″ runat=”server”
        Height=”480″ MediaSourceProvider=”SilverlightStreaming” Width=”640″ MediaSource=http://silverlight.services.live.com/
77597/SilverlightStreaming/video.wmv
>
    </live:SilverlightStreamingMediaPlayer>
</div>
</form>

Se pueden bajar el código fuente, de referencia esta en mi SkyDrive:

http://cid-9f551034fb0fcd0b.skydrive.live.com/self.aspx/P%c3%bablico/Silverlight%20Streaming

Anuncios

Acciones

Information

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




A %d blogueros les gusta esto: