Algo nuevo que trae Silverlight 3 pero que muchos pasaron por alto, es la inclusión del control MediaPlayer, el cual fue desarrollado por la gente de Expression.
Este control es similar al que viene en Expression Encoder, incluyendo algunas de las funcionalidades de este, como ser, Playlist, Chapters, AutoLoad, AutoPlay, Progress Bar, Volume Bar, Full Screen y muchas más.
Para agregarlo debemos ir desde Blend, a la sección Assets.
Al arrastrarlo vemos que nos genera un player, el cual podemos cambiar el tamaño o las propiedades que necesitemos.
Ahora les muestro como desde XAML puedo definir el video que voy a querer visualizar. Como lo agrego al playlist, de manera sencilla puedo agregar varios videos y tenerlos a disposición en pocos minutos.
|
1 |
<span style="color: #0000ff"><</span><span style="color: #800000">ExpressionMediaPlayer:MediaPlayer</span><span style="color: #0000ff">></span> |
|
1 |
<span style="color: #0000ff"><</span><span style="color: #800000">ExpressionMediaPlayer:MediaPlayer.Playlist</span><span style="color: #0000ff">></span> |
|
1 |
<span style="color: #0000ff"><</span><span style="color: #800000">ExpressionMediaPlayer:Playlist</span><span style="color: #0000ff">></span> |
|
1 |
<span style="color: #0000ff"><</span><span style="color: #800000">ExpressionMediaPlayer:Playlist.Items</span><span style="color: #0000ff">></span> |
|
1 |
<span style="color: #0000ff"><</span><span style="color: #800000">ExpressionMediaPlayer:PlaylistItem</span> |
|
1 |
<span style="color: #ff0000">MediaSource</span><span style="color: #0000ff">="test.wmv"</span> |
|
1 |
<span style="color: #ff0000">Title</span><span style="color: #0000ff">="Test del Media Player Control"</span> |
|
1 |
<span style="color: #ff0000">VideoHeight</span><span style="color: #0000ff">="480"</span> |
|
1 |
<span style="color: #ff0000">VideoWidth</span><span style="color: #0000ff">="640"</span><span style="color: #0000ff">/></span> |
|
1 |
<span style="color: #0000ff"></</span><span style="color: #800000">ExpressionMediaPlayer:Playlist.Items</span><span style="color: #0000ff">></span> |
|
1 |
<span style="color: #0000ff"></</span><span style="color: #800000">ExpressionMediaPlayer:Playlist</span><span style="color: #0000ff">></span> |
|
1 |
<span style="color: #0000ff"></</span><span style="color: #800000">ExpressionMediaPlayer:MediaPlayer.Playlist</span><span style="color: #0000ff">></span> |
|
1 |
<span style="color: #0000ff"></</span><span style="color: #800000">ExpressionMediaPlayer:MediaPlayer</span><span style="color: #0000ff">></span> |
Y si corremos la aplicación, vemos una player de video sencillo que nos tomo pocos minutos implementar.
4 comments
Arturo Molina says:
Aug 21, 2009
Wow, excelente descubrimiento!
Arturo Molina says:
Aug 21, 2009
Es importante mencionar que el control está dentro de una DLL de Expression Encoder, por lo tanto debes de tener instalado Expression Encoder para que el control aparezca en la sección de Assets.
JAMolina.com » Blog Archive » Usando el control MediaPlayer para mostrar videos de YouTube says:
Aug 21, 2009
[...] Leguiza ya nos mostró platicó un poco sobre el control MediaPlayer. Algo interesante de este control es que nos permite mostrar videos en alta definición (HD) y de [...]
La Liga Silverlight » Usando el control MediaPlayer para mostrar videos de YouTube says:
Aug 21, 2009
[...] Leguiza ya nos mostró platicó un poco sobre el control MediaPlayer. Algo interesante de este control es que nos permite mostrar videos en alta definición (HD) y de [...]