随笔- 188 文章- 5 评论- 393 阅读- 175万

新开发的silverlight视频播放器,

先看图

再看设计

Code
<UserControl 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" 
     x:Class="Kkun.KkunMovie" 
     Width="600" Height="400" x:Name="GlobeFrame" Foreground="#FF1D1D1D" Background="#FF1D1D1D">
    <UserControl.Resources>
        <Style x:Name="VolumeSliderStyle" TargetType="Rectangle">
            <Setter Property="Fill" Value="#FF414141"></Setter>
            <Setter Property="Stroke" Value="#002A2A29"></Setter>
            <Setter Property="StrokeThickness" Value="0"></Setter>
            <Setter Property="RadiusX" Value="0"></Setter>
            <Setter Property="RadiusY" Value="0"></Setter>
            <Setter Property="HorizontalAlignment" Value="Right"></Setter>
            <Setter Property="VerticalAlignment" Value="Top"></Setter>
            <Setter Property="Height" Value="20"></Setter>
            <Setter Property="Cursor" Value="Hand"></Setter>
        </Style>
    </UserControl.Resources>

    <Grid x:Name="Frame" Width="Auto" Height="Auto">
        <!--FrameIframe-->
        <Rectangle Fill="#FF1D1D1D" Stroke="#FF2A2A29" RadiusX="10" RadiusY="10" Margin="0,0,0,0" x:Name="FrameIframe" d:IsLocked="True" />
        <!--播放区框架-->
        <Grid Margin="10,30,10,11" x:Name="播放区框架">
            <MediaElement x:Name="TstringMovieObject" Margin="2,2,2,31" Source="111.WMV" Canvas.ZIndex="10"/>
            <!--PlayScreen-->
            <Rectangle Stroke="#FF2A2A29" StrokeThickness="1" RadiusX="0" RadiusY="0" Margin="0,0,0,30" x:Name="PlayScreen" Fill="#FF000000" />

            <!--播放状态切换-->
            <TextBlock x:Name="ControlPlay" Cursor="Hand" HorizontalAlignment="Left" Margin="0,0,0,2" VerticalAlignment="Bottom" Width="Auto" Height="Auto" FontSize="16" Foreground="#FFFFFFFF" Text="播放" TextWrapping="Wrap"/>

            <!--音量控制-->
            <Grid HorizontalAlignment="Right" Margin="0,10,10,50" x:Name="VolumeSlider" VerticalAlignment="Center" Width="Auto" Height="Auto" Canvas.ZIndex="100" Background="#00000000">
                <Rectangle x:Name="_1" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,0,0,0" VerticalAlignment="Top" Width="30" Height="21"/>
                <Rectangle x:Name="_2" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,20,0,0" VerticalAlignment="Top" Width="30" Height="21"/>
                <Rectangle x:Name="_3" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,40,0,0" VerticalAlignment="Top" Width="29" Height="21"/>
                <Rectangle x:Name="_4" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,60,0,0" VerticalAlignment="Top" Width="28" Height="21"/>
                <Rectangle x:Name="_5" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,80,0,0" VerticalAlignment="Top" Width="27" Height="21"/>
                <Rectangle x:Name="_6" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,100,0,0" VerticalAlignment="Top" Width="26" Height="21"/>
                <Rectangle x:Name="_7" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,120,0,0" VerticalAlignment="Top" Width="25" Height="21"/>
                <Rectangle x:Name="_8" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,140,0,0" VerticalAlignment="Top" Width="24" Height="21"/>
                <Rectangle x:Name="_9" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,160,0,0" VerticalAlignment="Top" Width="23" Height="21"/>
                <Rectangle x:Name="_10" Fill="#FF414141" Stroke="#002A2A29" StrokeThickness="0" RadiusX="0" RadiusY="0" HorizontalAlignment="Right" Margin="0,180,0,0" VerticalAlignment="Top" Width="22" Height="21"/>
            </Grid>
            <Grid Margin="40,0,0,2" x:Name="SliderProcessBar" VerticalAlignment="Bottom" Height="20" HorizontalAlignment="Stretch" Canvas.ZIndex="9">

                <!--加载进度-->
                <Grid x:Name="DownloadedPercent" Canvas.ZIndex="11" HorizontalAlignment="Left" Width="Auto">
                    <Rectangle x:Name="TstringSliderLoaded" Cursor="Hand" Fill="#FF4F4F4F" Stroke="#00A5A5A5"  StrokeThickness="0" RadiusX="5" RadiusY="5" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Stretch" Margin="0,0,0,0" >
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="-1" ScaleY="1"/>
                                <SkewTransform AngleX="0" AngleY="0"/>
                                <RotateTransform Angle="0"/>
                                <TranslateTransform X="0" Y="0"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <TextBlock x:Name="TstringSliderLoadedPercentText" HorizontalAlignment="Right" Margin="0,0,10,0" Width="Auto" FontFamily="Verdana" FontSize="10" FontWeight="Normal" Foreground="#FF9D9D9D" Text="56%" TextWrapping="Wrap" VerticalAlignment="Center" />
                </Grid>
                <!--播放进度-->
                <Rectangle x:Name="TstringPlayState" Cursor="Hand" Canvas.ZIndex="12" Stroke="#00A5A5A5" StrokeThickness="2" RadiusX="5" RadiusY="5" Width="1" HorizontalAlignment="Left">
                    <Rectangle.Resources>
                        <SolidColorBrush x:Key="BrushVistaStyle" Color="#FF3D3838"/>
                    </Rectangle.Resources>
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.524,0.498" StartPoint="0.524,0.502">
                            <GradientStop Color="#FF313131" Offset="0.0"/>
                            <GradientStop Color="#FF414141" Offset="1"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>

                <!--播放进度背景-->
                <Rectangle x:Name="TstringSliderBg" Cursor="Hand" Canvas.ZIndex="10" Fill="#FF767676" Stroke="#FF1A1A1A" StrokeThickness="0" RadiusX="5" RadiusY="5" OpacityMask="#FF313131" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Stretch" Margin="0,0,0,0">
                    <Rectangle.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="-1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Rectangle.RenderTransform>
                </Rectangle>
            </Grid>
        </Grid>
        <!--右上角装饰方框-->
        <Grid Margin="0,8,20,0" x:Name="右上角装饰方框" VerticalAlignment="Top" Height="15" HorizontalAlignment="Right" Width="Auto" d:IsLocked="True">
            <!--影片合适大小-->
            <Rectangle x:Name="tPlayButton" ToolTipService.ToolTip="播放" Cursor="Hand" Fill="#FF5A5A5A" Stroke="#FF2A2A29" StrokeThickness="0" RadiusX="2" RadiusY="2" Width="15" HorizontalAlignment="Left" Margin="0,0,0,0"/>
            <!--影片合适大小-->
            <Rectangle x:Name="tFullScreenButton" ToolTipService.ToolTip="全屏" Cursor="Hand" Fill="#FF5A5A5A" Stroke="#FF2A2A29" StrokeThickness="0" RadiusX="2" RadiusY="2" Margin="17,0,0,0" HorizontalAlignment="Left" Width="15"/>
            <!--静音-->
            <Rectangle x:Name="tMutedButton" ToolTipService.ToolTip="静音" Cursor="Hand" Fill="#FF5A5A5A" Stroke="#FF2A2A29" StrokeThickness="0" RadiusX="2" RadiusY="2" Width="15" HorizontalAlignment="Left" Margin="34,0,0,0"/>
            <!--循环播放-->
            <Rectangle x:Name="tLoop" ToolTipService.ToolTip="循环" Cursor="Hand" Fill="#FF5A5A5A" Stroke="#FF2A2A29" StrokeThickness="0" RadiusX="2" RadiusY="2" Width="15" HorizontalAlignment="Left" Margin="51,0,0,0"/>
        </Grid>
        <!--网址-->
        <TextBlock Cursor="Hand" HorizontalAlignment="Left" Margin="10,10,0,0" x:Name="网址" VerticalAlignment="Top" Width="Auto" Height="Auto" Foreground="#FFAAAAAA" Text="tstring.com.cn" TextWrapping="Wrap" d:IsLocked="True"/>
        <!--提示信息-->
        <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" x:Name="tbInfo" VerticalAlignment="Center" FontSize="20" FontWeight="Bold" Text="缓冲" TextWrapping="Wrap"/>
    </Grid>
</UserControl>

2008-11-22修改为最新版本

最后源码

Code
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;

namespace Kkun
{
    public partial class KkunMovie : UserControl
    {
        public bool IsLeftButtonPressed = false;
        public bool IsLoop = false;

        public KkunMovie()
        {
            InitializeComponent();
            this.Loaded += new RoutedEventHandler(TstringMovieControl_Loaded);
        }
        void TstringMovieControl_Loaded(object sender, RoutedEventArgs e)
        {
            InitializeEvent();
        }

        private void InitializeEvent()
        {
            tbInfo.Text = string.Empty;
            VolumeSlider.Opacity = 0;
            VolumeSlider.MouseEnter += new MouseEventHandler(VolumeSlider_MouseEnter);
            VolumeSlider.MouseLeave += new MouseEventHandler(VolumeSlider_MouseLeave);

            TstringMovieObject.MediaOpened += new RoutedEventHandler(TstringMovieObject_MediaOpened);
            TstringMovieObject.DownloadProgressChanged += new RoutedEventHandler(TstringMovieObject_DownloadProgressChanged);
            TstringMovieObject.MarkerReached += new TimelineMarkerRoutedEventHandler(TstringMovieObject_MarkerReached);
            TstringMovieObject.MediaEnded += new RoutedEventHandler(TstringMovieObject_MediaEnded);
            TstringMovieObject.CurrentStateChanged += new RoutedEventHandler(TstringMovieObject_CurrentStateChanged);


            ControlPlay.MouseLeftButtonDown += new MouseButtonEventHandler(ControlPlay_MouseLeftButtonDown);
            tMutedButton.MouseLeftButtonDown += new MouseButtonEventHandler(tMutedButton_MouseLeftButtonDown);
            tPlayButton.MouseLeftButtonDown += new MouseButtonEventHandler(ControlPlay_MouseLeftButtonDown);
            tFullScreenButton.MouseLeftButtonDown += new MouseButtonEventHandler(tFullScreenButton_MouseLeftButtonDown);
            tLoop.MouseLeftButtonDown += new MouseButtonEventHandler(tLoop_MouseLeftButtonDown);

            TstringPlayState.MouseLeftButtonDown += new MouseButtonEventHandler(TstringPlayState_MouseLeftButtonDown);
            TstringPlayState.MouseMove += new MouseEventHandler(TstringPlayState_MouseMove);
            TstringPlayState.MouseLeftButtonUp += new MouseButtonEventHandler(TstringPlayState_MouseLeftButtonUp);

            DownloadedPercent.MouseLeftButtonDown += new MouseButtonEventHandler(TstringPlayState_MouseLeftButtonDown);
            DownloadedPercent.MouseMove += new MouseEventHandler(TstringPlayState_MouseMove);
            DownloadedPercent.MouseLeftButtonUp += new MouseButtonEventHandler(TstringPlayState_MouseLeftButtonUp);

            #region
            Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_FullScreenChanged);

            for (int i = 1; i <= 20; i++)
            {
                Rectangle VolumeItem = (Rectangle)this.FindName(string.Format("_{0}", i));
                if (VolumeItem != null)
                {
                    VolumeItem.MouseEnter += new MouseEventHandler(VolumeItem_MouseEnter);
                    VolumeItem.MouseLeave += new MouseEventHandler(VolumeItem_MouseEnter);
                }
            }
            #endregion
        }

        void TstringMovieObject_CurrentStateChanged(object sender, RoutedEventArgs e)
        {
            switch (this.TstringMovieObject.CurrentState)
            {
                case MediaElementState.Buffering:
                    this.Info("Buffering");
                    break;
                case MediaElementState.Closed:
                    this.Info("Closed");
                    break;
                case MediaElementState.Opening:
                    this.Info("Opening");
                    break;
                case MediaElementState.Paused:
                    this.Info("Paused");
                    break;
                case MediaElementState.Playing:
                    this.Info(null);
                    break;
                case MediaElementState.Stopped:
                    this.Info("Stopped");
                    break;
                default:
                    this.Info(null);
                    break;
            }
        }

        void tLoop_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            IsLoop = !IsLoop;
            tLoop.Opacity = IsLoop ? 0.5 : 1;
        }

        void TstringMovieObject_MediaEnded(object sender, RoutedEventArgs e)
        {
            if (IsLoop)
            {
                ControlPlay_MouseLeftButtonDown(sender, null);
            }
            tPlayButton.Opacity = 1;
            ControlPlay.Text = "重播";
            TstringPlayState.Width = 0;
            DownloadedPercent.Width = OffsetLoadedProcessBarLeng();
            TstringMovieObject.Position = new TimeSpan(0, 0, 0);
            TstringSliderLoadedPercentText.Text = string.Empty;
        }

        void TstringMovieObject_DownloadProgressChanged(object sender, RoutedEventArgs e)
        {
            DownloadedPercent.Width = TstringMovieObject.DownloadProgress * OffsetLoadedProcessBarLeng();
            TstringSliderLoadedPercentText.Text = string.Format("{0}%", (int)(TstringMovieObject.DownloadProgress * 100));
        }

        void TstringSliderBg_MouseLeave(object sender, MouseEventArgs e)
        {
            IsLeftButtonPressed = false;
        }

        void TstringPlayState_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            IsLeftButtonPressed = false;
        }

        void TstringPlayState_MouseMove(object sender, MouseEventArgs e)
        {
            if (IsLeftButtonPressed)
            {
                double seconds = this.TstringMovieObject.NaturalDuration.TimeSpan.TotalSeconds;

                TstringPlayState.Width = e.GetPosition((UIElement)sender).X;
                TstringMovieObject.Position = new TimeSpan(0, 0, (int)(seconds / OffsetLeng() * TstringPlayState.Width));
            }
        }

        void TstringPlayState_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            if (!IsLeftButtonPressed)
            {
                IsLeftButtonPressed = true;
                double seconds = this.TstringMovieObject.NaturalDuration.TimeSpan.TotalSeconds;

                TstringPlayState.Width = e.GetPosition((UIElement)sender).X;
                TstringMovieObject.Position = new TimeSpan(0, 0, (int)(seconds / OffsetLeng() * TstringPlayState.Width));
            }
        }

        void tFullScreenButton_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen;
            FrameIframe.Visibility = Application.Current.Host.Content.IsFullScreen ? Visibility.Collapsed : Visibility.Visible;
            tFullScreenButton.Opacity = Application.Current.Host.Content.IsFullScreen ? 0.5 : 1;
        }

        void tMutedButton_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            TstringMovieObject.IsMuted = !TstringMovieObject.IsMuted;
            tMutedButton.Opacity = TstringMovieObject.IsMuted ? 0.5 : 1;
        }

        void VolumeSlider_MouseLeave(object sender, MouseEventArgs e)
        {
            VolumeSlider.Opacity = 0;
        }

        void VolumeSlider_MouseEnter(object sender, MouseEventArgs e)
        {
            VolumeSlider.Opacity = 1;
        }

        void Content_FullScreenChanged(object sender, EventArgs e)
        {

            if (Application.Current.Host.Content.IsFullScreen)
            {
                GlobeFrame.Width = Application.Current.Host.Content.ActualWidth;
                GlobeFrame.Height = Application.Current.Host.Content.ActualHeight;
            }
            else
            {
                GlobeFrame.Width = 600;
                GlobeFrame.Height = 400;
            }
            DownloadedPercent.Width = this.Width - 60;
        }

        void VolumeItem_MouseEnter(object sender, MouseEventArgs e)
        {
            Rectangle VolumeItem = e.OriginalSource as Rectangle;
            if (VolumeItem != null)
            {
                double _CurrentIndex = double.Parse(VolumeItem.Name.Replace("_", ""));
                for (int i = 1; i <= 20; i++)
                {
                    Rectangle _TempRectangle = (Rectangle)this.FindName("_" + i);
                    if (_TempRectangle != null)
                    {
                        if (i >= _CurrentIndex)
                        {
                            _TempRectangle.Opacity = 1;
                        }
                        else
                        {
                            _TempRectangle.Opacity = 0.2;
                        }
                    }
                }

                this.TstringMovieObject.Volume = 1 - _CurrentIndex / 10;
            }
        }

        void TstringMovieObject_MarkerReached(object sender, TimelineMarkerRoutedEventArgs e)
        {
            if (this.TstringMovieObject.NaturalDuration.TimeSpan.TotalSeconds > 0)
            {
                TstringPlayState.Width = e.Marker.Time.TotalSeconds * OffsetLeng() / this.TstringMovieObject.NaturalDuration.TimeSpan.TotalSeconds;
            }
        }

        void TstringMovieObject_MediaOpened(object sender, RoutedEventArgs e)
        {
            double seconds = this.TstringMovieObject.NaturalDuration.TimeSpan.TotalSeconds;
            for (int i = 1; i < OffsetLeng(); i++)
            {
                TimelineMarker marker = new TimelineMarker();
                double time = seconds / OffsetLeng() * i;
                marker.Time = new TimeSpan(0, 0, (int)time);
                marker.Text = time.ToString();
                marker.Type = "Slider";
                this.TstringMovieObject.Markers.Add(marker);
            }
        }

        void ControlPlay_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            switch (this.TstringMovieObject.CurrentState)
            {
                case MediaElementState.Paused:
                    this.TstringMovieObject.Play();
                    tPlayButton.Opacity = 1;
                    ControlPlay.Text = "播放";
                    this.Info(string.Empty);
                    break;
                case MediaElementState.Playing:
                    this.TstringMovieObject.Pause();
                    tPlayButton.Opacity = 0.5;
                    ControlPlay.Text = "暂停";
                    this.Info("暂停");
                    break;
                case MediaElementState.Stopped:
                    this.TstringMovieObject.Pause();
                    tPlayButton.Opacity = 1;
                    ControlPlay.Text = "播放";
                    break;
                default:
                    break;
            }
        }

        #region Method
        private double OffsetLoadedProcessBarLeng()
        {
            return this.Width - 60;
        }

        private double OffsetLeng()
        {
            return this.Width - 140;
        }

        private void Info(string Information)
        {
            if (string.IsNullOrEmpty(Information))
            {
                tbInfo.Text = string.Empty;
            }
            else
            {
                tbInfo.Text = Information;
            }
        }

        #endregion
    }
}

2008-11-22修改为最新版本

说明

下载：https://files.cnblogs.com/kkun/KkunMovie.rar
开发工具:Microsoft Expression Blend 2,Microsoft Visual Studio 2008,c#
布局基本上都是相对位置,设置总长宽则所有控件均按比例绽放
下载完成后唯一要做的就是在TestPage页面目录下添加一个111.wmv格式的视频文件，这个属性在xaml的26行

如何卸载旧的SL客户端，TOOLS,SDK？请跟我来
http://forums.microsoft.com/china/ShowPost.aspx?PostID=4120391&SiteID=15