silverlight   发布时间:2022-05-04  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了设计silverlight的MediaPlay控件--silverlight(银光)学习(3)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

 大家都知道silverlight里用了获得艾美奖的新的视频编解码技术。视频质量无论从移动设备还是桌面浏览器都可以达到720p HDTV video模式。如果能用silverlight技术设计一个视频网站估计客户体验很不错的。       那我们就开始做一个最简单的MediaPlayer控件,能动态的传入视频的URI参数,还能控制视频的播放。       在上次我们建的silverlight控件类
 大家都知道silverlight里用了获得艾美奖的新的视频编解码技术。视频质量无论从移动设备还是桌面浏览器都可以达到720p HDTV video模式。如果能用silverlight技术设计一个视频网站估计客户体验很不错的。
      那我们就开始做一个最简单的MediaPlayer控件,能动态的传入视频的URI参数,还能控制视频的播放。
      在上次我们建的silverlight控件类库项目里添加一个新的silverlight控件----MediaPlayControl.xaml.
      做一个媒体播放器,难就难在界面设计上。如果要设计的简陋话,只需要在xaml文件里放上@L_59_0@mediaElement和几个TextBlock就可以了,不过这样实在太丑陋了。我就用了Microsoft  Expression Encoder 里面媒体播放器的界面,效果如下:

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)



中间带摄像机图标的就是MediaElement ,几个按钮是由Canvas组成的。代码过长,请下载该文件
/Files/wangergo/MediaPlayControl.rar

那么如何控制视频的播放呢,这主要跟MediaElement有关系。 @H_346_18@mediaElement有一个重要的属性source,它是指所要播放的媒体文件的Uri,也就是媒体文件的地址。
                      还有几个重要方法:Pause--暂停播放,Play--播放,Stop--停止.
xaml文件对应的.cs文件代码如下:

 1

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

/// <sumMary>
 2

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

    
/// Desc:媒体播放器控件
 3

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

    
/// Author:williams
 4

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

    
/// Date:2007-9-27
 5

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

    
/// </sumMary>

 6

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

     public   class  MediaPlayControl : Control
 7

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

    
{
 8

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

    
 9

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

         
私有变量
18

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

         
19

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

         
公有属性
31

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

         
32

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

         
构造函数
63

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

     
64

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

         
公有方法
74

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

    }

然后我们在上次建的silverlight项目里的page.xaml.cs文件的page_loaded事件里调用我们做的控件。
 1

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

  public   void  Page_Loaded( object  o, EventArgs E)
 2

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

        
{
 3

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            
// required to initialize variables
 4

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            initializeComponent();
 5

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            
 6

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            
double top = 100;
 7

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            
 8

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            
double left = 20;
 9

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            
10

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            MediaPlayControl media 
= new MediaPlayControl();
11

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)


12

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

           media.MediaUrl 
= "wow.wmv";
13

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)


14

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            media.SETVALue
<double>(Canvas.TopProperty, top);
15

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)


16

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            media.SETVALue
<double>(Canvas.LeftProperty, left);
17

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

          
18

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

            
this.Children.Add(media);
19

设计silverlight的MediaPlay控件--silverlight(银光)学习(3)

}

具体silverlight控件库和silverlight项目如何建,请看
设计一个silverlight的Button控件--silverlight(闪光)学习(1)



   本文版权属于 www.80back.com,williams所有,转载请注明出处。
@H_922_1674@

大佬总结

以上是大佬教程为你收集整理的设计silverlight的MediaPlay控件--silverlight(银光)学习(3)全部内容,希望文章能够帮你解决设计silverlight的MediaPlay控件--silverlight(银光)学习(3)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。