allbacktomine - VideoBrush http://www.allbacktomine.com/blog/ newtelligence powered en-us Sherwin Rice Tue, 10 Jun 2008 12:37:12 GMT newtelligence dasBlog 2.0.7226.0 sherwin@allbacktomine.com sherwin@allbacktomine.com http://www.allbacktomine.com/blog/Trackback.aspx?guid=fecd99bd-69fa-448b-ad85-acd6094451f7 http://www.allbacktomine.com/blog/pingback.aspx http://www.allbacktomine.com/blog/PermaLink,guid,fecd99bd-69fa-448b-ad85-acd6094451f7.aspx Sherwin http://www.allbacktomine.com/blog/CommentView,guid,fecd99bd-69fa-448b-ad85-acd6094451f7.aspx http://www.allbacktomine.com/blog/SyndicationService.asmx/GetEntryCommentsRss?guid=fecd99bd-69fa-448b-ad85-acd6094451f7 I've been working on a video player app over the last few weeks using Silverlight 2.0 Beta 1, so when beta 2 was released last week I was intrigued to see whether my app would still work; and the short answer is that it did not :-(

The easy bits to fix were the compile time errors, and i'd been expecting a few of them having read the beta 2 breaking changes doc in advance whilst waiting for beta 2 to download. The problem that stumped me was the video playback at runtime: I was hearing the audio but no video was displaying.

The method i'm using for video playback is to use a hidden MediaElement to play the video, and then use a VideoBrush to 'paint' the video onto a Rectangle; You 'attach' the VideoBrush to a MediaElement by setting the VideoBrush.SourceName=MediaElement.Name.

Both my MediaElement and VideoBrush are created dynamically in the codebehind, and because because we need the MediaElement to have a Name we have to use XamlReader.Load() to create the MediaElement, because the Name property is read only and can not be set from within your code: 

MediaElement me1= XamlReader.Load(@"<MediaElement 


                                xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 


                                Name='me1'
Opacity='0' />") as MediaElement;

LayoutRoot.Children.Add(mediaElement);

VideoBrush vb = new VideoBrush();

vb.SourceName = me1.Name;

MyRectangle.Fill=vb;

That code works fine in beta 1, but in beta 2 MyRectangle remains blank!

The clue to fixing this is included in the breaking changes doc:

"XamlReader.Load(string) has been changed to always create an implicit namescope."

So what appears to be happening under beta 2 is that the VideoBrush is searching for a MediaElement named 'me1' in the default Xaml namescope, but it can not find it as me1 was created in its own implicit namescope.


So how do we fix this? The method I have used is to create the VisualBrush within the same namescope as the MediaElement, and i've done this by including the VisualBrush in the MediaElement's Resources:

MediaElement me1 = XamlReader.Load(@"<MediaElement

                                 xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'

                                 Name='me1'
AutoPlay='False' Opacity='0.0' IsHitTestVisible='False' >

                                    <MediaElement.Resources>

                                       <VideoBrush
Name='vb1' SourceName='me1'/>

                                    </MediaElement.Resources>

                                    </MediaElement>")
as MediaElement;

VideoBrush vb = me1.FindName("vb1") as VideoBrush;

MyRectangle.Fill=vb;

After doing this, MyRectangle once again displays the video :-)



Silverlight Beta 2 broke my VideoBrush http://www.allbacktomine.com/blog/PermaLink,guid,fecd99bd-69fa-448b-ad85-acd6094451f7.aspx http://www.allbacktomine.com/blog/2008/06/10/SilverlightBeta2BrokeMyVideoBrush.aspx Tue, 10 Jun 2008 12:37:12 GMT I've been working on a video player app over the last few weeks using Silverlight 2.0 Beta 1, so <a href="http://weblogs.asp.net/scottgu/archive/2008/06/06/silverlight-2-beta2-released.aspx">when beta 2 was released</a> last week I was intrigued to see whether my app would still work; and the short answer is that it did not :-(<br> <br> The easy bits to fix were the compile time errors, and i'd been expecting a few of them having read the<a href="http://msdn.microsoft.com/en-us/library/cc645049%28VS.95%29.aspx"> beta 2 breaking changes doc</a> in advance whilst waiting for beta 2 to download. The problem that stumped me was the video playback at runtime: I was hearing the audio but <i>no</i> video was displaying.<br> <br> The method i'm using for video playback is to use a hidden MediaElement to play the video, and then use a <a href="http://msdn.microsoft.com/en-us/library/bb404773.aspx">VideoBrush </a>to 'paint' the video onto a Rectangle; You 'attach' the VideoBrush to a MediaElement by setting the VideoBrush.SourceName=MediaElement.Name. <br> <br> Both my MediaElement and VideoBrush are created dynamically in the codebehind, and because because we need the MediaElement to have a Name we have to use <a href="http://msdn.microsoft.com/en-us/library/cc190359%28VS.95%29.aspx">XamlReader.Load()</a> to create the MediaElement, because the Name property is read only and can not be set from within your code:&nbsp;<br> <br> <pre class=c-sharp name="code">MediaElement me1= XamlReader.Load(@"&lt;MediaElement <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name='me1' Opacity='0' /&gt;") as MediaElement;<br> LayoutRoot.Children.Add(mediaElement);<br> VideoBrush vb = new VideoBrush();<br> vb.SourceName = me1.Name;<br> MyRectangle.Fill=vb; </pre> <p> That code works fine in beta 1, but in beta 2 MyRectangle remains blank! </p> <p> The clue to fixing this is included in the <a href="http://msdn.microsoft.com/en-us/library/cc645049%28VS.95%29.aspx">breaking changes doc</a>: </p> <blockquote> <p> <span value="XamlReader.Load(string)" sdata="langKeyword"><span class=keyword><a>"XamlReader.Load(string)</a></span></span><a> has been changed to always create an implicit namescope."</a> </p> </blockquote>So what appears to be happening under beta 2 is that the VideoBrush is searching for a MediaElement named 'me1' in the default Xaml namescope, but it can not find it as me1 was created in its own implicit namescope.<br> <br> <br> So how do we fix this? The method I have used is to create the VisualBrush within the same namescope as the MediaElement, and i've done this by including the VisualBrush in the MediaElement's Resources:<br> <br> <span style="FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Courier New; BACKGROUND-COLOR: transparent"> <p> <span style="FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Courier New; BACKGROUND-COLOR: transparent"><pre class=c-sharp name="code">MediaElement me1 = XamlReader.Load(@"&lt;MediaElement<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name='me1' AutoPlay='False' Opacity='0.0' IsHitTestVisible='False' &gt;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;MediaElement.Resources&gt;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;VideoBrush Name='vb1' SourceName='me1'/&gt;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/MediaElement.Resources&gt;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/MediaElement&gt;") as MediaElement;<br> VideoBrush vb = me1.FindName("vb1") as VideoBrush;<br> MyRectangle.Fill=vb; </pre> <br> <font face=Verdana size=2>After doing this, MyRectangle once again displays the video :-)</font> <br> <p> <br> </p> <p> <br> </p> <p> </p> </span> <p> </p> </span><img width="0" height="0" src="http://www.allbacktomine.com/blog/aggbug.ashx?id=fecd99bd-69fa-448b-ad85-acd6094451f7" /> http://www.allbacktomine.com/blog/CommentView,guid,fecd99bd-69fa-448b-ad85-acd6094451f7.aspx Silverlight VideoBrush