一个简单的Silverlight视频播放器

概述下面就来制作一个简易的视频播放器： 1、在XMAL页面中添加一个MediaElement，用以容纳视频文件。 2、拖放一个Slider，用来实时显示视频播放进度。 3、一个TextBlock，用来显示当前播放的时间值。 4、一个TextBlock，用来显示视频的总时间。 5、五个按钮，分别用来进行播放、暂停、继续、停止、全屏 *** 作。 6、一个CheckBox，用来控制静音 *** 作。 7、一个Slider

下面就来制作一个简易的视频播放器：

1、在XMAL页面中添加一个MediaElement，用以容纳视频文件。

2、拖放一个SlIDer，用来实时显示视频播放进度。

3、一个TextBlock，用来显示当前播放的时间值。

4、一个TextBlock，用来显示视频的总时间。

5、五个按钮，分别用来进行播放、暂停、继续、停止、全屏 *** 作。

6、一个CheckBox，用来控制静音 *** 作。

7、一个SlIDer，用来控制媒体音量。

 

以下是文件代码：

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Class="VIDeoPaly.MainPage" WIDth="640" Height="480"> <GrID x:name="LayoutRoot" Background="Gray"> <Canvas margin="34,23,38,63"> <MediaElement x:name="media" Source="http://download.microsoft.com/download/2/0/5/205d8c39-3d55-4032-8195-7b0e6eda4cb6/WinVIDeo-SL-InstallExperIEnce.wmv" Height="248" WIDth="542" Canvas.left="10" Canvas.top="8" BufferingProgressChanged="media_BufferingProgressChanged" Loaded="media_Loaded"/> <SlIDer x:name="slIDer1" Height="21" WIDth="550" Canvas.left="10" Canvas.top="260" ValueChanged="SlIDer_ValueChanged" Maximum="10" SmallChange="1"/> <button x:name="btnPlay" Height="25" WIDth="57" Canvas.left="151" Canvas.top="324" Content="Play" Click="btnPlay_Click"/> <button x:name="btnPause" Height="25" WIDth="57" Canvas.left="212" Canvas.top="324" Content="Pause" Click="btnPause_Click"/> <button x:name="btnResume" Height="25" WIDth="57" Canvas.left="273" Canvas.top="324" Content="Resume" Click="btnResume_Click"/> <button x:name="btnStop" Height="25" WIDth="57" Canvas.left="334" Canvas.top="324" Content="Stop" Click="btnStop_Click"/> <TextBlock x:name="tbCurrentTime" Height="25" WIDth="90" Canvas.left="22" Canvas.top="281" textwrapPing="Wrap"/> <TextBlock x:name="tbTotalTime" Height="25" WIDth="91" Canvas.left="505" Canvas.top="281" textwrapPing="Wrap"/> <CheckBox x:name="cbSilent" Canvas.left="526" Canvas.top="369" Content="静音" RendertransformOrigin="0.881,0.235" Checked="cbSilent_Checked" Unchecked="cbSilent_Unchecked"/> <TextBlock x:name="tbBufferingdValue" Height="55" WIDth="171" Canvas.left="213" Canvas.top="111" textwrapPing="Wrap" FontSize="18.667"/> <SlIDer x:name="slIDerVolumn" Height="74" WIDth="36" Canvas.left="486" Canvas.top="312" OrIEntation="Vertical" ValueChanged="slIDerVolumn_ValueChanged" Maximum="1" LargeChange="0.2"/> <button x:name="btnFullScreen" Height="25" WIDth="57" Canvas.left="395" Canvas.top="324" Content="FullScreen" Click="btnFullScreen_Click"/> </Canvas> </GrID></UserControl>  

using System;using System.windows;using System.windows.Controls;using System.windows.documents;using System.windows.Ink;using System.windows.input;using System.windows.Media;using System.windows.Media.Animation;using System.windows.Shapes;using System.windows.Threading;namespace VIDeoPaly{ public partial class MainPage : UserControl { //使用计时器对象来更新播放进度 private dispatcherTimer timer = new dispatcherTimer(); // 媒体的时长 private TimeSpan duration; public MainPage() { // 为初始化变量所必需 InitializeComponent(); } private voID btnPlay_Click(object sender,System.windows.RoutedEventArgs e) { // 播放 media.Play(); } private voID btnPause_Click(object sender,System.windows.RoutedEventArgs e) { // 暂停 media.Pause(); } private voID btnResume_Click(object sender,System.windows.RoutedEventArgs e) { // 继续 media.Play(); } private voID btnStop_Click(object sender,System.windows.RoutedEventArgs e) { //停止 media.Stop(); } private voID cbSilent_Checked(object sender,System.windows.RoutedEventArgs e) { // 静音 media.IsMuted = true; } private voID cbSilent_Unchecked(object sender,System.windows.RoutedEventArgs e) { // 不静音 media.IsMuted = false; } private voID SlIDer_ValueChanged(object sender,System.windows.RoutedPropertyChangedEventArgs<double> e) { //确定多媒体对象的播放位置是否处于可管理状态 if (media.CanSeek) { //重新设置MediaElement的播放位置 media.position = TimeSpan.FromSeconds((media.NaturalDuration.TimeSpan.TotalSeconds*slIDer1.Value)/10); } } private voID media_BufferingProgressChanged(object sender,System.windows.RoutedEventArgs e) { // 视频缓冲事件 double bufferingValue = this.media.BufferingProgress * 100; this.tbBufferingdValue.Text = "缓冲 : " + bufferingValue.ToString() + "%"; if(this.tbBufferingdValue.Text=="缓冲 : 100%") { //隐藏缓冲值 this.tbBufferingdValue.Visibility = Visibility.Collapsed; } } private voID media_Loaded(object sender,System.windows.RoutedEventArgs e) { //设置事件引发的时间间隔 timer.Interval = TimeSpan.FromMilliseconds(500); //计时器对象事件 timer.Tick += new EventHandler(timer_Tick); //开始计时 timer.Start(); //设置音量 media.Volume = 0.8; slIDerVolumn.Value = 0.8; } private voID timer_Tick(object sender,System.EventArgs e) { //当前处于播放时有效 if (this.media.CurrentState == MediaElementState.Playing) { duration = media.NaturalDuration.HasTimeSpan ? media.NaturalDuration.TimeSpan : TimeSpan.FromMilliseconds(0); this.tbCurrentTime.Text = string.Format("{0}:{1}:{2}",media.position.Hours < 10 ? "0" + media.position.Hours.ToString() : media.position.Hours.ToString(),media.position.Minutes < 10 ? "0" + media.position.Minutes.ToString() : media.position.Minutes.ToString(),media.position.Seconds < 10 ? "0" + media.position.Seconds.ToString() : media.position.Seconds.ToString()); this.tbTotalTime.Text = string.Format( "{0}{1:00}:{2:00}:{3:00}","时长：",duration.Hours,duration.Minutes,duration.Seconds); //跳过事件处理程序 slIDer1.ValueChanged -= new RoutedPropertyChangedEventHandler<double>(SlIDer_ValueChanged); //计算并设置SlIDer的百分比 slIDer1.Value = (media.position.TotalSeconds / media.NaturalDuration.TimeSpan.TotalSeconds) * 10; //重新声明ValueChanged事件 slIDer1.ValueChanged += new RoutedPropertyChangedEventHandler<double>(SlIDer_ValueChanged); } } private voID slIDerVolumn_ValueChanged(object sender,System.windows.RoutedPropertyChangedEventArgs<double> e) { // 音量发生改变触发事件 media.Volume = slIDerVolumn.Value; } private voID btnFullScreen_Click(object sender,System.windows.RoutedEventArgs e) { // 全屏 *** 作 Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen; }}}

以上代码，拷贝粘贴，可以直接运行，但是因为视频文件时从Microsoft上下载的,所以离线是看不到视频的。

 

 

运行效果图如下：

总结

以上是内存溢出为你收集整理的一个简单的Silverlight视频播放器全部内容，希望文章能够帮你解决一个简单的Silverlight视频播放器所遇到的程序开发问题。

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