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: 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

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.

Ya que Rubén me ha pasado la estafeta desde su blog, y siguiendo un poco la línea del demo que se presentó en el track de Windows Server 2008 en el evento "Estamos con los Héroes", de mil amores pongo a continuación cómo transmitir video en vivo usando Expression Encoder, Windows Server 2008, Windows Media Services y Silverlight.

Expression Encoder tiene una funcionalidad en la que se puede hacer Streaming en vivo. Al abrir la aplicación  al dar clic en botón nos mostrará una pantalla como esta:

En Live Sources podemos agregar cámaras digitales y micrófonos (tantos como podamos conectar a nuestra computadora) y en File Sources podemos agregar videos grabados para hacer streaming de video bajo demanda (algo así como pasa en TV comercial cuadno pasan películas).

Abajo a la izquierda hay tres opciones: Encoding, en la que definimos el ancho de banda y calidad con la que se va a transmitir el video y/o el audio; Metadata, en la que se definen los campos asociados al canal de broadcasting y Output, en la que se configura el punto de emisión de la señal:

En la sección Streaming tenemos dos opciones: hacer broadcast desde la misma máquina que tiene instalado Expression Encoder o conectarnos a un Publishing Point. La primera es inmediata y no requerimos ning[un elemento adicional, pero está limitada a sólo unas cuantas conexiones (en el cuadro se leen 10 conexiones máximas). La segunda nos ayuda a alcanzar potencialmente millones, pero es necesario tener configurado un Windows Server 2008 con Media Services como describe Rubén en su post.

Los datos del Publishing Point los pueden obtener de su IT Pro o de su proveedor de servicios de Internet o de web hosting, que les debe de dar:

1. Dirección del Publish Point, de cualquiera de las siguientes maneras: http://streamingserver/publishingpoint:puerto o mms://streamingserver/publishingpoint:puerto.
2. Nombre de usuario para acceder al Publishing Point
3. La contraseña o password del usuario del Publishing Point.

Teniendo todo esto listo, ya podemos dar clic en el botón   y empezar a hacer streaming a diferentes medios!

En los próximos días les diré como obtener esta señal para publicar su contenido de streaming para Web, aplicaciones o reproductores multimedia.

Continúa...

Lo prometido es deuda: para las personas que asistieron al track de Visual Studio 2008 de Juan Lozada en el que participamos varias personas del área de divulgación tecnológica en Microsoft México en el evento de lanzamiento "Estamos con los Héroes", les dejo acá el archivo de la presentación con todos sus slides. El hospedaje es cortesía de SkyDrive de Windows Live.

Tengo entendido que dentro de poco podremos ver los videos que se grabaron durante la presentación, en cuento estén listos agregaré un link desde acá.

Leo en el blog de Vecindad Gráfica sobre los ganadores de la votación de las mejores 100 aplicaciones Web 2.0 de Webware. Este listado se logra con una votación abierta en la que cualquiera puede elegir una aplicación en cualquiera de las 10 categorías diferentes.

Entre estas aplicaciones también hay muchas aplicaciones o servicios de Microsoft lograron llegar a los primeros lugares, por ejemplo:

InspireUX.com es un blog que publica citas (quotes) de personas que realmente entienden la importancia de una experiencia de usuario positiva. Desde el blog es posible descargar tarjetas de 4x6" para imprimirlas o simplemente utilizarlas como inspiración al crear experiencias para usuarios de medios digitales.

Acá una de mis favoritas:

También es posible suscribirse al feed de RSS o si están inspirados, publicar sus propias citas.

¡Disfrútenlo!

Como escribí antes, mañana es el evento de lanzamiento de Windows Server 2008, SQL Server 2008 y Visual Studio 2008. El ambiente en el WTC de la ciudad de México es increíble y ya casi estamos listos para empezar mañana al media día.

Aquí hay un adelanto de lo que mañana será un eventazo:

Si quieren ir al evento no duden en registrarse y asistir puntuales mañana a partir de la 1:30 pm. Yo estaré participando con Armando, Eduardo, Jaime y Benjamín en el track de Visual Studio 2008 y con Rubén en el de Windows Server 2008. En este último crearemos en vivo una solución para transmitir video de alta definición utilizando Windows Server 2008, Internet Information Services 7, Windows Media Services 2008, Expression Encoder y Silverlight.

Si no pueden estar allá no se preocupen, pueden escucharlo todo por QuiteLoudFM.com. Como de costumbre, estaré Twitteando en vivo todo el día.

Hace mas o menos un mes que se anunció la liberación de Internet Explorer 8 que entre muchas mejoras incluye dos características muy interesantes para publicar contenido en Web: las Activities y los WebSlices. Ambas funcionalidades son pequeñas aplicaciones basadas en microformatos (micro porque son pequeños, no porque sean de Microsoft).

En este post voy a explicar brevemente cómo crear un WebSlice para IE8, del cual ya he puesto un ejemplo en este blog. Para verlo es necesario que instales el Internet Explorer 8 beta. Si no lo has hecho puedes descargarlo desde el sitio de Internet Explorer 8.

1) ¿Qué es un WebSlice?

Un Webslice (o rebanada web) es un segmento de una página Web escrita con un formato particular dentro del contexto de XHTML. Este formato se apega a estándares Web pero permite que IE8 pueda detectarlo para agregarlo como un marcador vivo, de forma que se pueda tener un fragmento de una página Web como marcador que incluso refleja los cambios que puedan tener los datos del webslice.

Se pueden tener tantos webslices en un sitio como se necesiten, y aunque no es posible incorporar funcionalidad con lenguajes de scripting como JavaScript, si es posible generar datos dinámicos desde el servidor con un lenguaje activo como ASP.NET. Un webslice típico puede verse así:

¿Cómo se hacen? Es lo más simple del mundo:

2) Formato del WebSlice

Un webslice tiene el siguiente formato:

<div class="hslice" id="1">
    <p class="entry-title">Item</p>
    <div class="entry-content">Content</div>
</div>

La clase hslice es obligatoria, pero es posible aplicarle formato desde una hoja de estilo (como siempre, |es mejor usar estilos externos que estilos embebidos) y el valor de id puede variar para diferentes webslices en la misma página. La clase entrytitle define el texto que se publica como título en el webslice.

En la clase entry-content se define el contenido del webslice. Como mencionaba antes, el contenido válido puede ser HTML o XHTML válido, pero no código JavaScript o VBScript, y puede ser tan largo como se desee, aunque el contenido corto funciona mejor en este caso.

3) Agregando WebSlices

Para agregar el webslice en un sitio simplemente hay que colocar el código dentro de los tags <body> de la página. IE8 los detecta automáticamente y se puede agregar a la barra de marcadores dando clic en el ícono morado sobre el webslice o en el mismo ícono del navegador para ver todos los webslices en una página. Si quieres inténtalo en este blog, hay un pequeño webslice en la barra lateral de la izquierda debajo del mapa.

Lo mejor de todo: un webslice es compatible con estándares y no rompe la validación de XHTML si está correctamente implementado.

4) Ejemplos, referencias, etc.

Hay un documento técnico en MSDN que explica a más detalle las opciones y características del microformato para webslices en IE8.

Hay varios ejemplos que vale la pena ver, pero especialmente recomiendo el de los webslices para vigilar artículos en eBay, o el que sirve para estar al día sobre las actualizaciones de tus amigos en Facebook.

Si haces algún webslice no dudes en dejarme un link en este blog, tal vez pronto creemos una galería de los más relevante de los webslices para IE8.

El sitio de Silverlight.net tiene una galería para mostrar algunos de los sitios con Silverlight más relevantes alrededor del mundo, y continuamente se están agregando nuevos sitios de todos los países del globo. Pensando precisamente en el tema de usabilidad y experiencia de usuario se ha replanteado la forma en que se muestran estos sitios con un nuevo desarrollo: Silverlight Showcase World Map.

El funcionamiento es muy simple: visita el sitio del Silverlight Showcase Map y pasa sobre los países. Si das clic en alguno de ellos te mostrará más información sobre los sitios de esa geografía:

También hay otros datos interesantes que puedes ver esta gráfica, como por ejemplo, el número de usuarios con acceso a Internet por país, penetración de banda ancha, gasto en publicidad en Internet o cantidad de usuarios con teléfono móvil.

Como ya han escrito Ruben y Jaime, el próximo 17 de abril se realizará el evento de lanzamiento en México de Windows Server 2008, SQL Server 2008 y Visual Studio 2008 en el World Trade Center de la ciudad de México desde las 2:00 de la tarde y hasta las 8:30 de la noche.

El triple lanzamiento es uno de los más importantes en materia de tecnología y es muy relevante para las personas que nos dedicamos a crear contenido para la Web y créanme, este será un evento completamente diferente a lo que están acostumbrados, para empezar, estará en el evento nada menos que ¡El Santo, el Enmascarado de Plata!

Como parte del equipo de divulgación tecnológica de Microsoft fuí invitado a participar dentro del evento de lanzamiento y ya estamos preparando muchas sorpresas -empezando con ¿qué tienen que ver los servidores con la experiencia del usuario?- y estaré presentando algunos temas de Silverlight, Expression y WPF sobre cómo trasmitir video y audio de alta calidad en vivo o bajo demanda, empezando desde cero. Habrá laboratorios en vivo, sesiones técnicas y... bueno, ¡más sorpresas!

El evento es completamente gratuito pero está limitado por el cupo. Para registrarse basta con ir a la página del evento y llenar algunos datos.

Hay más información, videos y datos en el sitio oficial del lanzamiento: www.estamosconlosheroes.com

Escribiré más de este tema en los siguientes días.
¡Nos vemos por allá!

Ya ha pasado una semana de MIX 08 y todavía estoy procesando mucha de la información que se mostró allá, porque aunque MIX es un evento de 3 días simplemente es imposible estar en todas las pláticas, presentaciones o sesiones.

Afortunadamente el equipo de MIX tuvo a bien grabar TODAS las sesiones además de los keynotes y hacerlas disponibles desde el sitio Web de MIX; de esta manera no importa si entre a una sesión o no, puedo verla cuando quiera y donde sea.

Particularmente recomiendo las pláticas de Arturo Toledo sobre Expression 2, la de Angus Logan sobre Windows Live APIs o la de Eric Schmidt sobre publicidad con Silverlight, aunque hay muchas, muchas más que valen la pena.

Dentro de los anuncios que se hicieron en MIX 08 respecto a Expression destaca el lanzamiento del portal para la comunidad sobre los productos de Expression.

Este sitio cuenta con un buen número de servicios para sus miembros: foros, listas de discusión, listas de correo, blogs, tutoriales, webcasts, galerías de arte de los miembros, newsletter y muy importante, en él participan empleados de Microsoft que están involucrados directamente en el desarrollo de las herramientas de Expression Studio, lo que lo hace el sitio principal de referencia para enviar dudas, inquietudes y sugerencias sobre esta suite de herramientas para diseño y creación digital.

Lo mejor: ¡es completamente gratis! Sí tienes un Windows Live ID (o sea, una dirección de correo en Hotmail o Live) es lo único que necesitas para entrar a la conversación. Yo estoy registrado y ya estoy trabajando junto con el equipo en México para traducir y adaptar la mayor parte del contenido a español.

¡Nos vemos en los foros de Expression!

Desde hace unos días estoy experimentando un poco con las nuevas herramientas de Expression Studio 2 y me pareció una buena idea aplicar algunas ideas para actualizar la imagen de este blog y darle un toque más moderno... que al final quedó Silverlighted:

Entre las monerías que agregué a la sidebar están un badge directo de mi canal de Twitter (también Silverlighted), un botón que conecta directo con mi MSN Messenger por si alguien quiere enviarme un mensaje rápido, cortesía de las nuevas APIs de Windows Live y por supuesto, ¡al Blue Monster!

La versión del feed RSS sigue sin cambios. ¿Comentarios, sugerencias? Esto sigue siendo un trabajo en proceso (o como dicen por ahí, sigue en beta).

  Después de 3 días, 2 keynotes, más de 90 sesiones, paneles o talleres (evidentemente no fuí a todos, pero he estado viendo varios desde mi computadora), 2 fiestas, una sesión de Rockband media tarde frente a un Surface y varias horas jugando con smartphones, MIX 08 ha terminado.

La lista de ideas, plataformas, tecnologías y herramientas que se presentaron en esta semana en el Venetian Hotel de Las Vegas es larguísima, pero realmente se siente que tuvimos una buena probada de lo que es la actualidad de la Web mundial y lo que podemos esperar para el futuro cercano, desde Moonlight, la versión de Silverlight que Novell está desarrollando para Linux hasta tips e ideas para crear experiencias Web realmente internacionales, pasando por métodos para hacer mediciones publicitarias en aplicaciones Silverlight o las cosas que son posibles hacer con Expression 2 o Visual Studio 2008.

Lo mejor de todo: el poder convivir con más de 3,000 personas de todo el mundo (brasileños, uruguayos, argentinos, rusos, franceses, australianos, japoneses, koreanos, sudafricanos, británicos, canadienses, norteamericanos y, por supuesto, mexicanos) que, de una forma o de otra nos dedicamos a lo mismo: crear la siguiente Web.

La conversación continua en el sitio de MIX  en forma de blog o de videocast y hay varias fotos en Flickr sobre el evento. MIX 08 terminó pero continuará alrededor del mundo en unas semanas (sigan en sintonía, aún tenemos sorpresas para México) y vamos apartando las fechas para MIX 09, del 18 al 20 de marzo del 2009 en el Venetian Hotel en Las Vegas, Nevada.

Seguimos en línea.

Desde el miércoles se anunció la próxima liberación de Expression Studio 2, y si se dan una vuelta por el sitio de Expression se darán cuenta de la nueva imagen para esta nueva versión:

Entre las principales novedades están la liberación de Expression Encoder 2, el paquete de suscripción de Expression Studio, el foro de Expression y el nuevo Expression Blend 2.5 May preview, e iré escribiendo sobre cada uno con más detalle mas adelante.