WPF中两种不同的视频流的使用

WPF中的进行视频的播放有两种方式：一种是采用MediaElement+VisualBrush的方式；而另一种则是采用MediaPlayer+VideoDrawing的方式。考虑到MediaElement在处理视频时会将布局的Stretch和StretchDirect缩放视频窗口的内容以适应包容器，而MediaPlayer相反则不需要管理布局、焦点以及所有其他元素细节。所以后者相比前者有更高的效率。当然现代的处理器下是不会看到这两者的明显的区别的。不过笔者试了一下，在.Net Framework 3.5下对同一视频的两个窗口，会出现其中一个窗口的视频帧率不一样的情况，也就是说一个窗口的视频播放很平滑的，而另一个则以动画的形式出现，这可能是在3.5下为了实现同步，不得不使用剪帧技术造成的。不过我试着将同一个项目升级到.net Framework 4.0下，则不会出现此类现象，可见微软在4.0下做了不小的优化技术。正如微软在发布4.0所说的一样，其效率已经大大的改进了，一点儿不假。

当然我个人建议在使用视频播放设计中，应该使用4.0框架，这样可以很高效地运行你开发的视频播放程序。这是闲话，现在言归正传，我在这个例子中使用了两种不同的方式来实现视频播放的控制，实现一些比较通行的视频编程框架。

同样我们还是先来了解一下几个比较重要的类型：

◆MediaTimeline 类

一个 Timeline 对象，它控制媒体计时的方式，与动画时间线对象控制动画的方式相同。这个类型有一个很重要的方法CreateClock（）；它的签名如下：

public MediaClock CreateClock();创建一个与 MediaTimeline 关联的新的 MediaClock。

◆MediaClock 类

通过 MediaTimeline 维护媒体的计时状态的类。 通过它我们可以同步MediaElement和MediaPlayer对象。以实现视频播放的控制。

public ClockController Controller { get; }这个属性是对播放进行控制。

◆VisualBrush 类

使用 Visual 绘制区域。

public Visual Visual { get; set; }设置源对象。

public Transform RelativeTransform { get; set; }获取或设置要使用相对坐标应用于画笔的变换。

◆DrawingBrush 类

用 Drawing 绘制区域，其中可以包括形状、文本、视频、图像或其他绘图。

方式一：MediaElement+VisualBrush

步骤1：布置可视元素：这里为了实现的方便，我们在主窗体中放置了一个两行的Grid控件，第一行胜于按键控件的安装，第二行用于视频的播放和倒影窗口，相应的代码如下：

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3.  
    4. 
  
  
  
  
  4.  
    5. 
  
  
  
  
  5. 
  
  
  
  
  6. > 
    7. 
  
  
  
  
  7.  
    8. 
  
  
  
  
  8.  
    9. 
  
  
  
  
  9.  
    10. 
  
  
  
  
  10.  
    11. 
  
  
  
  
  11.  
    12. 
  
  
  
  
  12.  
    13. 
  
  
  
  
  13.  
    14. 
  
  
  
  
  14.  
    15. 
  
  
  
  
  15.  
    16. 
  
  
  
  
  16.  
    17. 
  
  
  
  
  17.  
    18. 
  
  
  
  
  18.  
    19. 
  
  
  
  
  19.  
    20. 
  
  
  
  
  20.  
    21. 
  
  
  
  
  21.  
    22. 
  
  
  
  
  22.  
    23. 
  
  
  
  
  23.  
    24. 
  
  
  
  
  24.  
    25. 
  
  
  
  
  25.  
    26. 
  
  
  
  
  26.  
    27. 
  
  
  
  
  27.  
    28. 
  
  
  
  
  28.  
    29. 
  
  
  
  
  29.  
    30. 
  
  
  
  
  30.  
    31. 
  
  
  
  
  31.  
    32. 
  
  
  
  
  32.  
    33. 
  
  
  
  
  33.  
    34. 
  
  
  
  
  34.  
    35. 
  
  
  
  
  35.  
    36. 
  
  
  
  
  36.  
    37. 
  
  
  
  
  37.  
    38. 
  
  
  
  
  38.  
    39. 
  
  
  
  
  39.  
    40. 
  
  
  
  
  40.  
    41. 
  
  
  
  
  41.  
    42. 
  
  
  
  
  42.   
    43.

步骤2：在代码文件的最前面声明了三个对象，以引用XAML声明的元素:

 
 
 
 
    
  
  
  
  
  1. //保存引用的元素private FrameworkElement reflectorElement;
    2. 
  
  
  
  
  2. private FrameworkElement originElement;
    3. 
  
  
  
  
  3. private MediaClock clock;  
    4.

步骤3：在后置代码中处理MediaElement对象，正如XAML声明式的代码中我们看到的那样，我们这儿将MediaElement对象声明成了一个资源，这样就可以以共享方式使用元素了。这儿先引用MediaElement对象，接着声明一个MediaClock对象。相应的代码如下：

 
 
 
 
    
  
  
  
  
  1. MediaElement mediaElement = Resources["video"] as MediaElement;  
    2. 
  
  
  
  
  2. //得到资源orgin.Child = mediaElement;mediaElement.Clock = 
    3. 
  
  
  
  
  3. clock;clock.Controller.Seek(new TimeSpan(0, 0, 0, 2), TimeSeekOrigin.BeginTime);  
    4. 
  
  
  
  
  4. //跳过固定的时间线  
    5.

步骤4：声明一个VisualBrush对象，并利用其RelativeTransform属性将视频倒置，形成倒影图像。

  

 
 
 
 
    
  
  
  
  
  1. VisualBrush brush = new VisualBrush();brush.Visual = mediaElement;  
    2. 
  
  
  
  
  2. //使用MediaElement对象brush.RelativeTransform = new ScaleTransform { ScaleY = -1, CenterY = 0.5 };  
    3. 
  
  
  
  
  3. //通过VisualBrush对象进行布局控制  
    4.

步骤5：实现蒙版效果，即设置OpacityMask的透明掩码。

 
 
 
 
    
  
  
  
  
  1. LinearGradientBrush maskBrush = new LinearGradientBrush { StartPoint = new Point(0, 0), EndPoint = new Point(0, 1) };  
    2. 
  
  
  
  
  2. GradientStop stopOne = new GradientStop { Color = Colors.Black, Offset = 0 };  
    3. 
  
  
  
  
  3. GradientStop stopTwo = new GradientStop { Color = Colors.Transparent, Offset = 0.875 };  
    4. 
  
  
  
  
  4. maskBrush.GradientStops.Add(stopOne);  
    5. 
  
  
  
  
  5. maskBrush.GradientStops.Add(stopTwo);//生成掩码的对象reflector.Fill = brush;reflector.OpacityMask = maskBrush; 
    6.

至此，我们就实现了VisualElement+VisualBrush的组合实现了视频的播放。

方式二：MediaPlayer+DrawingBrush

步骤1：采用方式一的布局格式，相应代码不变。

步骤2：声明MediaPlayer对象以及时钟控制关。

 
 
 
 
    
  
  
  
  
  1. reflector.LayoutTransform = new ScaleTransform { ScaleY = -1, CenterY = 0.5 };  
    2. 
  
  
  
  
  2. //设置自己的布局LinearGradientBrush maskBrush = new LinearGradientBrush { StartPoint = new Point(0, 0), EndPoint = new Point(0, 1) };  
    3. 
  
  
  
  
  3. GradientStop stopOne = new GradientStop { Color = Colors.Black, Offset = 0.875 };  
    4. 
  
  
  
  
  4. GradientStop stopTwo = new GradientStop { Color = Colors.Transparent, Offset = 0 };  
    5. 
  
  
  
  
  5. maskBrush.GradientStops.Add(stopOne);maskBrush.GradientStops.Add(stopTwo);reflector.OpacityMask = maskBrush;  
    6. 
  
  
  
  
  6. //以下是联合VideoDrawing和MediaPlayer的设置MediaPlayer player = new MediaPlayer();  
    7. 
  
  
  
  
  7. //使用MediaPlayer对象player.Clock = clock; 
    8.

步骤3：定义一个VideoDrawing对象，并关联到MediaPlayer对象。

 
 
 
 
    
  
  
  
  
  1. VideoDrawing drawing = new VideoDrawing();drawing.Rect = new Rect(150, 0, 100, 100);  
    2. 
  
  
  
  
  2. drawing.Player = player;  
    3. 
  
  
  
  
  3. //将MediaPlayer赋给VideoDrawingDrawingBrush brush = new DrawingBrush(drawing);  
    4. 
  
  
  
  
  4. //得到使用的绘图画刷 
    5.

步骤4：关联到布局元素.

 
 
 
 
    
  
  
  
  
  1. Rectangle border = new Rectangle();  
    2. 
  
  
  
  
  2. border.Stretch = Stretch.Fill;orgin.Child = border;  
    3. 
  
  
  
  
  3. border.Fill = brush;orgin.Child = border;  
    4. 
  
  
  
  
  4. reflector.Fill = brush;clock.Controller.Stop(); 
    5.

步骤5：现在我们可以利用MediaClock对象的Controller对象来实现播放的开始、停止等控制了。

 
 
 
 
    
  
  
  
  
  1. private void start_Click(object sender, RoutedEventArgs e){clock.Controller.Stop();  
    2. 
  
  
  
  
  2. clock.Controller.Begin();  
    3. 
  
  
  
  
  3. pause.IsEnabled =true ;  
    4. 
  
  
  
  
  4. resume.IsEnabled = false ;  
    5. 
  
  
  
  
  5. stop.IsEnabled = true ;  
    6. 
  
  
  
  
  6. start.IsEnabled = false;}
    7. 
  
  
  
  
  7. private void stop_Click(object sender, RoutedEventArgs e){clock.Controller.Stop();  
    8. 
  
  
  
  
  8. start.IsEnabled = true;
    9. 
  
  
  
  
  9. pause.IsEnabled = false;
    10. 
  
  
  
  
  10. resume.IsEnabled = false;
    11. 
  
  
  
  
  11. stop.IsEnabled = false;  
    12. 
  
  
  
  
  12. }  
    13. 
  
  
  
  
  13. private void resume_Click(object sender, RoutedEventArgs e){clock.Controller.Resume();  
    14. 
  
  
  
  
  14. start.IsEnabled = false;
    15. 
  
  
  
  
  15. pause.IsEnabled = true ;  
    16. 
  
  
  
  
  16. resume.IsEnabled = true ;
    17. 
  
  
  
  
  17. stop.IsEnabled = true ;  
    18. 
  
  
  
  
  18. }  
    19. 
  
  
  
  
  19. private void pause_Click(object sender, RoutedEventArgs e){clock.Controller.Pause();  
    20. 
  
  
  
  
  20. start.IsEnabled = false ;  
    21. 
  
  
  
  
  21. pause.IsEnabled = false;  
    22. 
  
  
  
  
  22. resume.IsEnabled = true ;
    23. 
  
  
  
  
  23. stop.IsEnabled = false;}  
    24.

总结：上面的两种方式都很好地实现了视频的播放控制，通过关联到MediaTimeline时钟，我们可以控制其中的任何一种方式的实现，至于两者的效率方面，我觉得用MediaElement的方式使用更为方便，因为只需在XAML代码中简单声明即可使用，而MediaPlayer则需要相应的后置代码的配合，使用起来不如前者方便，由于其在效率方面略高，所以我们可以在效率和方便性两个方面权衡使用这两种方式。

效果如下：

新闻标题：WPF中两种不同的视频流的使用
网页网址：http://www.shufengxianlan.com/qtweb/news41/378541.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

品牌网站建设知识

同城分类信息

普特斯腐植酸　　 　服务器托管　　 　网络营销推广　　 　眉山电信机房托管　　 　成都网站设计　　 　成都光华电信机房　　 　成都名片印刷厂　　 　成都网站建设　　 　外贸网站建设方案　　 　成都网站建设报价　　 　建站定制开发　　 　四川和正源　　 　成都机房机柜租用　　 　模板商城网站　　 　雨棚定制　　 　四川成都网站制作　　 　发光字制作　　 　成都服务器租用　　 　成都云服务器　　 　虚拟主机