silverlight播放器:Silverlight(18) - 2.0视频的详解MediaElement 开发一个简易版的全功能播放器

　　本文源代码下载地址:

　　http://flashview.ddvip.com/2008_12/Silverlight.rar　

　　介绍

　　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://www.cnblogs.com/webabcd/archive/2008/10/09/1307486.html

　　举例

　　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 - 拉伸值 [.Windows.Media.Stretch 枚举]参见:本DemoShape/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 ;
using .Collections.Generic;
using .Linq;
using .Net;
using .Windows;
using .Windows.Controls;
using .Windows.Documents;
using .Windows.Input;
using .Windows.Media;
using .Windows.Media.Animation;
using .Windows.Shapes;
　　
using .Windows.Threading;
　　
Silverlight20.Video
{
　　public partial VideoPlayer : UserControl
　　{
　　　　// 媒体时长
　　　　private TimeSpan _duration;
　　
　　　　private DispatcherTimer _timer = DispatcherTimer;
　　
　　　　public VideoPlayer
　　　　{
　　　　　　InitializeComponent;
　　
　　　　　　this.Loaded RoutedEventHandler(VideoPlayer_Loaded);
　　
　　　　　　/**//*
　　　　　　 * MediaOpened - 当媒体被成功地打开时所触发事件
　　　　　　 * MediaFailed - 当媒体未能被成功地打开时所触发事件
　　　　　　 * CurrentStateChanged - 播放状态(CurrentState)发生改变时所触发事件
　　　　　　 * DownloadProgressChanged - 下载进度(DownloadProgress)发生变化时所触发事件(当下载增加量大于等于 0.05 或下载进度增加到 1 时会触发此事件)
　　　　　　 * MediaEnded - 当媒体播放到末尾时所触发事件
　　　　　　 * BufferingProgressChanged - 缓冲进度(BufferingProgress)发生变化时所触发事件(当缓冲增加量大于等于 0.05 或缓冲进度增加到 1 时会触发此事件)
　　　　　　 */
　　
　　　　　　mediaElement.MediaOpened RoutedEventHandler(mediaElement_MediaOpened);
　　　　　　mediaElement.CurrentStateChanged RoutedEventHandler(mediaElement_CurrentStateChanged);
　　　　　　mediaElement.DownloadProgressChanged RoutedEventHandler(mediaElement_DownloadProgressChanged);
　　　　　　mediaElement.MediaEnded RoutedEventHandler(mediaElement_MediaEnded);
　　　　　　mediaElement.BufferingProgressChanged RoutedEventHandler(mediaElement_BufferingProgressChanged);
　　　　}
　　
　　　　void VideoPlayer_Loaded(object sender, RoutedEventArgs e)
　　　　{
　　　　　　// 每 500 毫秒次指定思路方法
　　　　　　_timer.Interval = TimeSpan.FromMilliseconds(500);
　　　　　　_timer.Tick EventHandler(_timer_Tick);
　　　　　　_timer.Start;
　　　　}
　　
　　　　void _timer_Tick(object sender, EventArgs e)
　　　　{
　　　　　　// CurrentState - 播放状态 [.Windows.Media.MediaElementState枚举]
　　　　　　// Position - 媒体位置(单位:秒)
　　　　　　 (mediaElement.CurrentState MediaElementState.Playing)
　　　　　　{
　　　　　　　　lblPlayTime.Text = .Format(
　　　　　　　　　　"{0}{1:00}:{2:00}:{3:00}",
　　　　　　　　　　"播放进度:",
　　　　　　　　　　mediaElement.Position.Hours,
　　　　　　　　　　mediaElement.Position.Minutes,
　　　　　　　　　　mediaElement.Position.Seconds);
　　　　　　}
　　
　　　　　　// DroppedFramesPerSecond - 媒体每秒正在丢弃帧数
　　　　　　lblDroppedFramesPerSecond.Text = "每秒正在丢弃帧数:" + mediaElement.DroppedFramesPerSecond.;
　　　　}
　　
　　　　void mediaElement_BufferingProgressChanged(object sender, RoutedEventArgs e)
　　　　{
　　　　　　// BufferingProgress - 缓冲进度(0 - 1 的间)
　　　　　　lblBufferingProgress.Text = .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 = .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.;
　　　　　　lblHeight.Text = "媒体文件高:" + mediaElement.NaturalVideoHeight.;
　　
　　　　　　_duration = mediaElement.NaturalDuration.HasTimeSpan ? mediaElement.NaturalDuration.TimeSpan : TimeSpan.FromMilliseconds(0);
　　
　　　　　　lblTotalTime.Text = .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 - 播放状态 [.Windows.Media.MediaElementState枚举]
　　　　　　 *　　 MediaElementState.Closed - 无可用媒体
　　　　　　 *　　 MediaElementState.Opening - 尝试打开媒体(此时Play,Pause,Stop命令会被排进队列等到媒体被成功打开后再依次执行)
　　　　　　 *　　 MediaElementState.Buffering - 缓冲中
　　　　　　 *　　 MediaElementState.Playing - 播放中
　　　　　　 *　　 MediaElementState.Paused - 被暂停(显示当前帧)
　　　　　　 *　　 MediaElementState.Stopped - 被停止(显示第帧)
　　　　　　 */
　　
　　　　　　lblState.Text = "播放状态:" + mediaElement.CurrentState.;
　　　　}
　　
　　　　private void play_Click(object sender, RoutedEventArgs e)
　　　　{
　　　　　　// Play - 播放媒体(在当前 Position 处播放)
　　　　　　mediaElement.Play;
　　　　}
　　
　　　　private void pause_Click(object sender, RoutedEventArgs e)
　　　　{
　　　　　　// CanPause - 媒体是否可暂停
　　　　　　// Pause - 暂停媒体播放
　　　　　　 (mediaElement.CanPause)
　　　　　　　　mediaElement.Pause;
　　　　}
　　
　　　　private void stop_Click(object sender, RoutedEventArgs e)
　　　　{
　　　　　　// Stop - 停止媒体播放
　　　　　　mediaElement.Stop;
　　　　}
　　
　　　　void mute_Click(object sender, RoutedEventArgs e)
　　　　{
　　　　　　// IsMuted - 是否静音
　　　　　　 (mediaElement.IsMuted true)
　　　　　　{
　　　　　　　　mute.Content = "静音";
　　　　　　　　mediaElement.IsMuted = false;
　　　　　　}
　　　　　　
　　　　　　{
　　　　　　　　mute.Content = "有声";
　　　　　　　　mediaElement.IsMuted = true;
　　　　　　}
　　　　}
　　
　　　　private void playSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
　　　　{
　　　　　　// CanSeek - 是否可以通过设置 Position 来重新定位媒体
　　　　　　// Position - 媒体位置(单位:秒)
　　　　　　 (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 = .Format(
　　　　　　　　"音量大小:{0:##%}",
　　　　　　　　volumeSlider.Value);
　　　　}
　　
　　　　private void balanceSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
　　　　{
　　　　　　// Balance - 音量平衡(-1 - 1 的间)
　　　　　　mediaElement.Balance = balanceSlider.Value;
　　　　　　lblBalance.Text = .Format(
　　　　　　　　"音量平衡:{0:##%}",
　　　　　　　　balanceSlider.Value);
　　　　}
　　}
}



　　OK

延伸阅读

• 2009-1-23-- silverlight:学Silverlight 2系列(8):使用样式封装Control控件观感
• 2009-1-23-- silverlight:学Silverlight 2系列(10):使用用户Control控件
• 2009-1-23-- silverlight:使用Silverlight 2 和 VS 2008创建 Hello World 程序
• 2009-1-23-- 微软silverlight:Silverlight 微软平台的再度膨胀
• 2009-1-23-- silverlight:Silverlight 2 手把手(的 4) 创建 Silverlight 2 Control控件
• 2009-1-23-- silverlight:Silverlight 2 (beta1)数据操作(3)——使用ADO.NET Data Service (Astoria)进行数据CRUD操作
• 2009-1-23-- silverlight:Silverlight 2中多语言支持实现(下)
• 2009-1-23-- silverlight:学Silverlight 2系列(32):图形图像综合例子— 功夫的王 剧照播放
• 2009-1-23-- silverlight:学Silverlight 2系列(22):在Silverlight中如何用JavaScript调用.NET代码
• 2009-1-23-- silverlight应用:使用Silverlight构建插件式应用程序( 4)