Hannes  PreishuberExpression Blend Media Player


In meinen Microsoft Expression Blend Schulungen gehört Video und Audio im Internet zum Standard Inhalt. Mit Expression Encoder ist es ein leichtes aus einem Video eine Silverlight Projekt samt inkludierten Media Player zu generieren. Wem das optisch nicht gefällt, kann auch einen Media Player in wenigen Minunten im Eigenbau erzeugen. Das Silverlight Media Element bietet dafür die nötige Funktionalität. Aber es geht noch mehr.

 

imageExpression Blend 3 enhält als Steuerelement einen kompletten Player. Der Funktionsumfang lässt eigentlich nichts zu wünschen übrig. Um Videos hinzuzufügen wird eine Playlist erzeugt. Im Menüpunkt Items kann dann die Liste der Videos angelegt werden.

<ExpressionMediaPlayer:MediaPlayer 
d:LayoutOverrides="Width, Height">
	<ExpressionMediaPlayer:MediaPlayer.Playlist>
		<ExpressionMediaPlayer:Playlist/>
	</ExpressionMediaPlayer:MediaPlayer.Playlist>
</ExpressionMediaPlayer:MediaPlayer>

 

imageFür die einzelnen Filme in der Playlist, kann dann definiert werden: Title, Kapitel oder auch Preview Bilder. Wenn man eine externe Quelle hat, muss man im Context Menü über Custom Expression die URL des Videos eintragen.

Nach ausführen der  Silverlight Anwendung mit (F5) startet nach kurzer Zeit der Film. Das Video wird also angezeigt während es noch runtergeladen wird. Das nennt man progressive Download.

Der Blend Player zeigt den Status dazu auch unten an. Der graublaue Balken informiert den Benutzer wieviel von den Daten bereits angekommen sind. Der graue Schieberegler zeigt die Abspielposition. Innerhalb des blauen Balkens kann der Benutzer auch repositionieren. Rechts davon aber nicht*. Mit dem Werkzeug HTTPFiddler kann man den laufenden Download auch gut beobachten (hier rechts der Screenshot)

imageimage

Wenn der Webserver es unterstützt kann auch beim Download per GET *repositioniert werden.  IIS7 bietet das dafür nötige HTTP Range Kommando.



Kategorien: Silverlight;Blend;Web;.Net; 01.01.2010 15:16:31


 


Neuen Kommentar einfügen:

  Titel:   
  Name:
  E-Mail:
  Kommentar:

 
 


Kommentare




© Copyright 2008 ppedv AG