Silverlight2 边学边练 之五 视频

概述与前一篇类似，Silverlight2对于视频的 *** 作也是通过MediaElement。 本篇通过VideoBrush对文字进行渲染处理，同时在倒影中使用视频翻转。 看到有的博友将Silverlight示例嵌入到博客中很是眼馋，似乎需要一个DemoServer才 可以实现。咳！没这条件啊，哪有Free的能用啊？！在没有Server支持前还是先用Picture吧:) 效果图奉上 注意，在调用视频文件时

与前一篇类似，Silverlight2对于视频的 *** 作也是通过MediaElement。
本篇通过VIDeoBrush对文字进行渲染处理，同时在倒影中使用视频翻转。
看到有的博友将Silverlight示例嵌入到博客中很是眼馋，似乎需要一个DemoServer才
可以实现。咳！没这条件啊，哪有Free的能用啊？！在没有Server支持前还是先用Picture吧:)

效果图奉上

注意，在调用视频文件时，Height与WIDth都要设置为“0” ，为什么？自己把他们删了看看效果便知。

<MediaElement x:name="fireMovIE" Source="fire.wmv" MediaEnded="fireMovIE_MediaEnded"   Height="0" WIDth="0"></MediaElement>

XAML Code:

<UserControl x:Class="VIDeoBrush.Page"      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">      <GrID x:name="LayoutRoot" Background="White">          <GrID.RowDeFinitions>              <RowDeFinition></RowDeFinition>              <RowDeFinition></RowDeFinition>          </GrID.RowDeFinitions>          <!--调用火焰视频，下面要用于渲染文字。-->          <MediaElement x:name="fireMovIE" Source="fire.wmv" MediaEnded="fireMovIE_MediaEnded"                        Height="0" WIDth="0"></MediaElement>                    <!--将文字通过VIDeoBrush进行渲染-->          <TextBlock GrID.Row="0" Text="Silverlight2" FontFamily="Arial Black" FontSize="80">              <TextBlock.Foreground>                  <VIDeoBrush Sourcename="fireMovIE"></VIDeoBrush>              </TextBlock.Foreground>          </TextBlock>                    <!--创建反转文字-->          <TextBlock GrID.Row="1" Text="Silverlight2" FontFamily="Arial Black" FontSize="80"                     RendertransformOrigin="0.5,0.4">              <!--将文字反转-->              <TextBlock.Rendertransform>                  <Scaletransform ScaleY="-1"></Scaletransform>              </TextBlock.Rendertransform>              <!--给反转文字进行视频渲染-->              <TextBlock.Foreground>                  <VIDeoBrush Sourcename="fireMovIE">                      <!--将视频反转-->                      <VIDeoBrush.relativetransform>                          <Scaletransform ScaleY="-1" CenterY="0.5"></Scaletransform>                      </VIDeoBrush.relativetransform>                  </VIDeoBrush>              </TextBlock.Foreground>              <!--给反转文字增加一个蒙版效果-->              <TextBlock.OpacityMask>                  <linearGradIEntBrush StartPoint="0,0" EndPoint="0,1">                      <GradIEntStop color="transparent" Offset="0"></GradIEntStop>                      <GradIEntStop color="Black" Offset="1"></GradIEntStop>                  </linearGradIEntBrush>              </TextBlock.OpacityMask>          </TextBlock>      </GrID>  </UserControl>

然后，让视频重复播放起来。
C# Code:

private voID fireMovIE_MediaEnded(object sender,RoutedEventArgs e)  {    fireMovIE.Stop();    fireMovIE.Play();  }

本例参考自《Pro Silverlight 2 in C# 2008》CHAPTER 10 SOUND,VIDEO,AND DEEP ZOOM
::源代码下载:: 总结

以上是内存溢出为你收集整理的Silverlight2 边学边练 之五 视频全部内容，希望文章能够帮你解决Silverlight2 边学边练 之五 视频所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。