稳扎稳打Silverlight(18) - 2.0视频之详解MediaElement, 开发一个简易版的全功能播放器

简介:
[索引页]
[源码下载]


稳扎稳打Silverlight(18) - 2.0视频之详解MediaElement, 开发一个简易版的全功能播放器


作者: webabcd


介绍
Silverlight 2.0 详解MediaElement:开发一个简易版的全功能播放器
    MediaOpened - 当媒体被成功地打开时所触发的事件
    MediaFailed - 当媒体未能被成功地打开时所触发的事件
    CurrentStateChanged - 播放状态(CurrentState)发生改变时所触发的事件
    DownloadProgressChanged - 下载进度(DownloadProgress)发生变化时所触发的事件
    MediaEnded - 当媒体播放到末尾时所触发的事件
    BufferingProgressChanged - 缓冲进度(BufferingProgress)发生变化时所触发的事件
    Source - 需要播放的媒体地址
    Stretch - 拉伸值
    AutoPlay - 是否自动播放媒体
    CurrentState - 播放状态
    Position - 媒体的位置
    DroppedFramesPerSecond - 媒体每秒正在丢弃的帧数
    BufferingProgress - 缓冲进度
    DownloadProgress - 下载进度
    NaturalDuration - 媒体文件的时长
    Volume - 音量大小
    Balance - 音量平衡
    BufferingTime - 需要缓冲的时间的长度
    CurrentState - 播放状态
    IsMuted - 是否静音
    Play() - 播放媒体
    Pause() - 暂停媒体的播放
    Stop() - 停止媒体的播放


在线DEMO
http://webabcd.blog.51cto.com/1787395/342779

示例
VideoPlayer.xaml
<UserControl x:Class="Silverlight20.Video.VideoPlayer" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
        <StackPanel HorizontalAlignment="Left"> 
         
                <!-- 
                Source - 需要播放的媒体地址 
                Stretch - 拉伸值 [System.Windows.Media.Stretch 枚举]。参见:本Demo的Shape/Shape.xaml 
                AutoPlay - 是否自动播放媒体 
                --> 
                <MediaElement x:Name="mediaElement" 
                                Width="400" Height="200" 
                                Source="http://download.microsoft.com/download/2/0/5/205d8c39-3d55-4032-8195-7b0e6eda4cb6/WinVideo-SL-InstallExperience.wmv"    
                                Stretch="Fill"    
                                AutoPlay="False"> 
                </MediaElement> 

                <Button x:Name="play" Content="播放" Margin="5" Click="play_Click" /> 
                <Button x:Name="pause" Content="暂停" Margin="5" Click="pause_Click" /> 
                <Button x:Name="stop" Content="停止" Margin="5" Click="stop_Click" /> 
                <Button x:Name="mute" Content="静音" Margin="5" Click="mute_Click" /> 

                <Slider x:Name="playSlider" Minimum="0" Maximum="1" Margin="5" ToolTipService.ToolTip="播放进度" ValueChanged="playSlider_ValueChanged" /> 
                <Slider x:Name="volumeSlider" Minimum="0" Maximum="1" Margin="5" ToolTipService.ToolTip="音量大小" ValueChanged="volumeSlider_ValueChanged" /> 
                <Slider x:Name="balanceSlider" Minimum="-1" Maximum="1" Margin="5" ToolTipService.ToolTip="音量平衡" ValueChanged="balanceSlider_ValueChanged" /> 

                <TextBlock x:Name="lblPlayTime" Margin="5" /> 
                <TextBlock x:Name="lblVolume" Margin="5" /> 
                <TextBlock x:Name="lblBalance" Margin="5" /> 

                <TextBlock x:Name="lblDownloadProgress" Margin="5" /> 
                <TextBlock x:Name="lblBufferingProgress" Margin="5" /> 
                <TextBlock x:Name="lblDroppedFramesPerSecond" Margin="5" /> 
                <TextBlock x:Name="lblState" Margin="5" /> 

                <TextBlock x:Name="lblWidth" Margin="5" /> 
                <TextBlock x:Name="lblHeight" Margin="5" /> 
                <TextBlock x:Name="lblTotalTime" Margin="5" /> 
                <TextBlock x:Name="lblBufferingTime" Margin="5" /> 

        </StackPanel> 
</UserControl>
 
VideoPlayer.xaml.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Net; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Documents; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 
using System.Windows.Shapes; 
 
using System.Windows.Threading; 
 
namespace Silverlight20.Video 

         public partial  class VideoPlayer : UserControl 
        { 
                 // 媒体的时长 
                 private TimeSpan _duration; 
 
                 private DispatcherTimer _timer =  new DispatcherTimer(); 
 
                 public VideoPlayer() 
                { 
                        InitializeComponent(); 
 
                         this.Loaded +=  new RoutedEventHandler(VideoPlayer_Loaded); 
 
                         /* 
                         * MediaOpened - 当媒体被成功地打开时所触发的事件 
                         * MediaFailed - 当媒体未能被成功地打开时所触发的事件 
                         * CurrentStateChanged - 播放状态(CurrentState)发生改变时所触发的事件 
                         * DownloadProgressChanged - 下载进度(DownloadProgress)发生变化时所触发的事件(当下载增加量大于等于 0.05 或下载进度增加到 1 时会触发此事件) 
                         * MediaEnded - 当媒体播放到末尾时所触发的事件 
                         * BufferingProgressChanged - 缓冲进度(BufferingProgress)发生变化时所触发的事件(当缓冲增加量大于等于 0.05 或缓冲进度增加到 1 时会触发此事件) 
                         */
 
 
                        mediaElement.MediaOpened +=  new RoutedEventHandler(mediaElement_MediaOpened); 
                        mediaElement.CurrentStateChanged +=  new RoutedEventHandler(mediaElement_CurrentStateChanged); 
                        mediaElement.DownloadProgressChanged +=  new RoutedEventHandler(mediaElement_DownloadProgressChanged); 
                        mediaElement.MediaEnded +=  new RoutedEventHandler(mediaElement_MediaEnded); 
                        mediaElement.BufferingProgressChanged +=  new RoutedEventHandler(mediaElement_BufferingProgressChanged); 
                } 
 
                 void VideoPlayer_Loaded( object sender, RoutedEventArgs e) 
                { 
                         // 每 500 毫秒调用一次指定的方法 
                        _timer.Interval = TimeSpan.FromMilliseconds(500); 
                        _timer.Tick +=  new EventHandler(_timer_Tick); 
                        _timer.Start(); 
                } 
 
                 void _timer_Tick( object sender, EventArgs e) 
                { 
                         // CurrentState - 播放状态 [System.Windows.Media.MediaElementState枚举] 
                         // Position - 媒体的位置(单位:秒) 
                         if (mediaElement.CurrentState == MediaElementState.Playing) 
                        { 
                                lblPlayTime.Text =  string.Format( 
                                         "{0}{1:00}:{2:00}:{3:00}"
                                         "播放进度:"
                                        mediaElement.Position.Hours, 
                                        mediaElement.Position.Minutes, 
                                        mediaElement.Position.Seconds); 
                        } 
 
                         // DroppedFramesPerSecond - 媒体每秒正在丢弃的帧数 
                        lblDroppedFramesPerSecond.Text =  "每秒正在丢弃的帧数:" + mediaElement.DroppedFramesPerSecond.ToString(); 
                } 
 
                 void mediaElement_BufferingProgressChanged( object sender, RoutedEventArgs e) 
                { 
                         // BufferingProgress - 缓冲进度(0 - 1 之间) 
                        lblBufferingProgress.Text =  string.Format( 
                                 "缓冲进度:{0:##%}"
                                mediaElement.BufferingProgress); 
                } 
 
                 void mediaElement_MediaEnded( object sender, RoutedEventArgs e) 
                { 
                        mediaElement.Stop(); 
                } 
 
                 void mediaElement_DownloadProgressChanged( object sender, RoutedEventArgs e) 
                { 
                         // DownloadProgress - 下载进度(0 - 1 之间) 
                        lblDownloadProgress.Text =  string.Format( 
                                 "下载进度:{0:##%}"
                                mediaElement.DownloadProgress); 
                } 
                 private  void mediaElement_MediaOpened( object sender, RoutedEventArgs e) 
                { 
                         /* 
                         * NaturalVideoWidth - 媒体文件的宽 
                         * NaturalVideoHeight - 媒体文件的高 
                         * HasTimeSpan - 是否可取得媒体文件的时长 
                         * NaturalDuration - 媒体文件的时长 
                         * Volume - 音量大小(0 - 1 之间) 
                         * Balance - 音量平衡(-1 - 1 之间) 
                         * BufferingTime - 需要缓冲的时间的长度 
                         */
 
 
                        lblWidth.Text =  "媒体文件的宽:" + mediaElement.NaturalVideoWidth.ToString(); 
                        lblHeight.Text =  "媒体文件的高:" + mediaElement.NaturalVideoHeight.ToString(); 
 
                        _duration = mediaElement.NaturalDuration.HasTimeSpan ? mediaElement.NaturalDuration.TimeSpan : TimeSpan.FromMilliseconds(0); 
 
                        lblTotalTime.Text =  string.Format( 
                                 "{0}{1:00}:{2:00}:{3:00}""时长:"
                                _duration.Hours, 
                                _duration.Minutes, 
                                _duration.Seconds); 
 
                        mediaElement.Volume = 0.8; 
                        volumeSlider.Value = 0.8; 
                        lblVolume.Text =  "音量大小:80%"
 
                        mediaElement.Balance = 0; 
                        balanceSlider.Value = 0; 
                        lblBalance.Text =  "音量平衡:0%"
 
                        mediaElement.BufferingTime = TimeSpan.FromSeconds(30); 
                        lblBufferingTime.Text =  "缓冲长度:30秒"
                } 
 
                 private  void mediaElement_CurrentStateChanged( object sender, RoutedEventArgs e) 
                { 
                         /* 
                         * CurrentState - 播放状态 [System.Windows.Media.MediaElementState枚举] 
                         *         MediaElementState.Closed - 无可用媒体 
                         *         MediaElementState.Opening - 尝试打开媒体(此时Play(),Pause(),Stop()命令会被排进队列,等到媒体被成功打开后再依次执行) 
                         *         MediaElementState.Buffering - 缓冲中 
                         *         MediaElementState.Playing - 播放中 
                         *         MediaElementState.Paused - 被暂停(显示当前帧) 
                         *         MediaElementState.Stopped - 被停止(显示第一帧) 
                         */
 
 
                        lblState.Text =  "播放状态:" + mediaElement.CurrentState.ToString(); 
                } 
 
                 private  void play_Click( object sender, RoutedEventArgs e) 
                { 
                         // Play() - 播放媒体(在当前 Position 处播放) 
                        mediaElement.Play(); 
                } 
 
                 private  void pause_Click( object sender, RoutedEventArgs e) 
                { 
                         // CanPause - 媒体是否可暂停 
                         // Pause() - 暂停媒体的播放 
                         if (mediaElement.CanPause) 
                                mediaElement.Pause(); 
                } 
 
                 private  void stop_Click( object sender, RoutedEventArgs e) 
                { 
                         // Stop() - 停止媒体的播放 
                        mediaElement.Stop(); 
                } 
 
                 void mute_Click( object sender, RoutedEventArgs e) 
                { 
                         // IsMuted - 是否静音 
                         if (mediaElement.IsMuted ==  true
                        { 
                                mute.Content =  "静音"
                                mediaElement.IsMuted =  false
                        } 
                         else 
                        { 
                                mute.Content =  "有声"
                                mediaElement.IsMuted =  true
                        } 
                } 
 
                 private  void playSlider_ValueChanged( object sender, RoutedPropertyChangedEventArgs< double> e) 
                { 
                         // CanSeek - 是否可以通过设置 Position 来重新定位媒体 
                         // Position - 媒体的位置(单位:秒) 
                         if (mediaElement.CanSeek) 
                        { 
                                mediaElement.Pause(); 
                                mediaElement.Position = TimeSpan.FromSeconds(_duration.TotalSeconds * playSlider.Value); 
                                mediaElement.Play(); 
                        } 
                } 
 
                 private  void volumeSlider_ValueChanged( object sender, RoutedPropertyChangedEventArgs< double> e) 
                { 
                         // Volume - 音量大小(0 - 1 之间) 
                        mediaElement.Volume = volumeSlider.Value; 
                        lblVolume.Text =  string.Format( 
                                 "音量大小:{0:##%}"
                                volumeSlider.Value); 
                } 
 
                 private  void balanceSlider_ValueChanged( object sender, RoutedPropertyChangedEventArgs< double> e) 
                { 
                         // Balance - 音量平衡(-1 - 1 之间) 
                        mediaElement.Balance = balanceSlider.Value; 
                        lblBalance.Text =  string.Format( 
                                 "音量平衡:{0:##%}"
                                balanceSlider.Value); 
                } 
        } 
}
 
 



     本文转自webabcd 51CTO博客,原文链接: http://blog.51cto.com/webabcd/343112 ,如需转载请自行联系原作者
相关文章
|
C# 前端开发
silverlight,WPF动画终极攻略之阳光灿烂篇(Blend 4开发)
原文:silverlight,WPF动画终极攻略之阳光灿烂篇(Blend 4开发) 前面我们画了一只会飞动的小鸟,今天我们在目标是一个会发光的太阳。本章节的动画虽然简单,但是实现的效果可是一点也不打折。
1212 0
|
C#
silverlight,WPF动画终极攻略之会飞的小鸟篇(Blend 4开发)
原文:silverlight,WPF动画终极攻略之会飞的小鸟篇(Blend 4开发) 本教程基本涵盖了WPF和silverlight中的各种动画。先上张效果图。 声明下,这个做的不是让大家照搬的,只是让大家熟悉下动画效果,这个成品基本涵盖了sl里面所有的动画效果。
1439 0
|
C#
silverlight,WPF动画终极攻略之迟来的第三章 动画整合篇(Blend 4开发)
原文:silverlight,WPF动画终极攻略之迟来的第三章 动画整合篇(Blend 4开发) 有个问题想请教下大家,我仿了腾讯的SL版QQ,相似度95%以上。我想写成教程教大家怎么开发出来,会不会有版权什么问题的。
1216 0
|
前端开发 C#
silverlight,WPF动画终极攻略之白云飘,坐车去旅游篇(Blend 4开发)
原文:silverlight,WPF动画终极攻略之白云飘,坐车去旅游篇(Blend 4开发) 这章有点长,所以我分成了两章。这一章主要是准备工作,差不多算美工篇吧,这章基本不会介绍多少动画效果,主要讲的是blend中工具的使用,利用哪些工具做出哪些效果。
1291 0
|
前端开发 C#
silverlight,WPF动画终极攻略之番外 3D切换导航篇(Blend 4开发)
原文:silverlight,WPF动画终极攻略之番外 3D切换导航篇(Blend 4开发) 这篇介绍的是3D导航,点击图标,页面360°翻转的效果!有什么不足的欢迎大家指出来。 1.新建一个usercontrol,命名为menu. 2.按照下图设置一下属性。
1303 0