Audio Y Video Javascript - Windows 8

Audio y Vídeo
En Windows 8 tenemos acceso a los dispositivos de manera transparente y sencilla. Esto incluye cámara web, micrófono, sensores, NFC y dispositivos táctiles. Desde JavaScript, a través de la librería WinRT podremos utilizar el hardware del equipo.
Audio y vídeo en Windows 8
En las aplicaciones HTML/JavaScript tenemos soporte completo para audio y vídeo con las etiquetas<video> y <audio>. Pertenecen a la especificación de HTML5 del W3C y podemos combinarlos con CSS y JavaScript para crear experiencias únicas.
El tag <video> tiene aceleración completa por hardware, lo que nos proporciona el mejor rendimiento posible y un menor gasto de batería.
Algunas de las características que nos añade Windows 8 son:
* Integración de DRM como PlayReady
* Vídeoen 3D si el dispositivo lo admite
* Efectos de audio y vídeo, con modelo de programación
* Selección de la salida de audio, por ejemplo Bluetooth
* Ejecución de audio como tarea de fondo
* Baja latencia para juegos y comunicaciones
* PlayTo para transmisión a televisiones y sistemas de audio
* Zoom y modo espejo para vídeo
El sistema admite los formatos más conocidos comoMPEG y ASF, los codecs H.264 y VC-1 para vídeo y AAC, MP3 o WMA para audio, además de muchos otros: http://msdn.microsoft.com/en-us/library/windows/apps/hh986969.aspx
Si no tenemos el códec necesario, podemos distribuir con nuestra aplicación los plugins necesarios para nuestra aplicación, por ejemplo para vídeo adaptativo en comunicaciones.
Añadir vídeo a nuestra página es tan sencillo comoañadir la etiqueta correspondiente:
-------------------------------------------------
<div style="text-align:center;width:100%;height:100%;">
-------------------------------------------------
<video id='video'
-------------------------------------------------
style="margin:50px;"
-------------------------------------------------
controls preload='none'-------------------------------------------------
poster="http://media.w3.org/2010/05/sintel/poster.png"
-------------------------------------------------
src="http://media.w3.org/2010/05/sintel/trailer.mp4" />
-------------------------------------------------
</div>
Como vemos, simplemente le damos una fuente y si queremos una imagen (en el atributo poster) para que no quede un recuadro negromientras se empieza a cargar la película y ya tenemos un reproductor de vídeo:

El reproductor se encarga del resto, incluso de ponerlo a pantalla completa si el usuario así lo quiere.
Efectos
Además tenemos la posibilidad de añadir efectos de vídeo y codecs propios a través de las extensiones. Podemos ver en el ejemplo de Media Extensions cómo podemos añadir un efecto al canal de salida delvídeo:
-------------------------------------------------
// Installing video effect without any configuration
-------------------------------------------------
vid.msInsertVideoEffect("GrayscaleTransform.GrayscaleEffect", true, null);
Aunque los efectos no los podremos programar en JavaScript sino que necesitaremos que un amigo nos los desarrolle en C++ o usar el que tenemos en la librería WinRT(esperemos que pongan más):
-------------------------------------------------
vidStab.msInsertVideoEffect(
-------------------------------------------------
Windows.Media.VideoEffects.videoStabilization,
-------------------------------------------------
true,
-------------------------------------------------
null);
Reproducción en segundo plano
Como veremos en el próximocapítulo, Windows 8 se encarga de gestionar el ciclo de vida de nuestra aplicación, de manera que ésta se ejecuta sólo cuando está en primer plano. Para la mayoría de las aplicaciones no notaremos la diferencia, pero en el caso de las aplicaciones de reproducción, especialmente en las de reproducción de audio, necesitaremos que el sonido se siga escuchando aunque no veamos la aplicación.
Para...