你的位置:首页 > 软件开发 > ASP.net > 基于MediaElement的WPF视频播放器(可拖拽进度条播放)

基于MediaElement的WPF视频播放器(可拖拽进度条播放)

发布时间:2016-06-29 22:00:12
一、前言 前两天上峰要求做一个软件使用向导,使用WPF制作。这不,这两天从一张白纸开始学起,做一个播放演示视频的使用向导。以下是粗设计的原型代码:二、效果图 三、代码 前台代码: 1 <Window ...

一、前言

      前两天上峰要求做一个软件使用向导,使用WPF制作。这不,这两天从一张白纸开始学起,做一个播放演示视频的使用向导。以下是粗设计的原型代码:

二、效果图

 

基于MediaElement的WPF视频播放器(可拖拽进度条播放)

 

三、代码

       前台代码:

 1 <Window 2     "http://schemas.microsoft.com/get='_blank'>winfx/2006/xaml/presentation" 3     "http://schemas.microsoft.com/winfx/2006/xaml" 4     "http://schemas.microsoft.com/expression/blend/2008" 5     "http://schemas.open" 6     "clr-namespace:WPF_Nav" 7     "http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol" "http://schemas.devexpress.com/winfx/2008/xaml/windowsui" x:Class="WPF_Nav.MainWindow" 8     mc:Ignorable="d" 9     Title="MainWindow" Height="480" Width="900" WindowStyle="None">10   <Grid Name="Main_Grid">11     <Grid.RowDefinitions>12       <RowDefinition Height="40"></RowDefinition>13       <RowDefinition Height="343"></RowDefinition>14       <RowDefinition Height="30"></RowDefinition>15       <RowDefinition Height="50"></RowDefinition>16     </Grid.RowDefinitions>17     <Grid Name="Title" Grid.Row="0">18       <Grid.ColumnDefinitions>19         <ColumnDefinition Width="200"></ColumnDefinition>20         <ColumnDefinition Width="500"></ColumnDefinition>21         <ColumnDefinition Width="120"></ColumnDefinition>22         <ColumnDefinition Width="80"></ColumnDefinition>23       </Grid.ColumnDefinitions>24       <Button Grid.Column="3" HorizontalAlignment="Center" Width="40" Height="40" Click="Button_Click" Margin="16,0,0,0" >关闭</Button>25     </Grid>26     <Grid Name="Movie" Grid.Row="1">27       <MediaElement Stretch="Fill" LoadedBehavior="Manual" Name="QS_Movie" MediaOpened="Element_MediaOpened" Loaded="QS_Movie_Loaded" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"></MediaElement>28       <Button Name="LeftButton" Width="50" Height="50" HorizontalAlignment="Left" VerticalAlignment="Center" Click="Left_Click">上一个</Button>29       <Button Name="RightButton" Width="50" Height="50" HorizontalAlignment="Right" VerticalAlignment="Center" Click="Right_Click">下一个</Button>30     </Grid>31     <Grid Name="Control_Progress" Grid.Row="2">32       <Slider Height="30" Width="700" Name="timelineSlider" VerticalAlignment="Center" PreviewMouseLeftButtonDown="timelineMDown" PreviewMouseLeftButtonUp="timelineMUp" BorderThickness="0,5,0,0" ></Slider>33     </Grid>34     <Grid Name="Movie_Control" Grid.Row="3" Margin="0,0,0,0">35       <Grid.ColumnDefinitions>36         <ColumnDefinition Width="200"></ColumnDefinition>37         <ColumnDefinition Width="500"></ColumnDefinition>38         <ColumnDefinition Width="50"></ColumnDefinition>39         <ColumnDefinition Width="150"></ColumnDefinition>40       </Grid.ColumnDefinitions>41       <StackPanel Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">42         <Button Height="40" Width="40" x:Name="Play" Click="Play_Click" Margin="20,0">播放</Button>43         <Button Height="40" Width="40" x:Name="Pause" Click="Pause_Click" Margin="20,0">暂停</Button>44       </StackPanel>45       <Slider Height="25" Width="120" Name="Volunme" Minimum="0" Maximum="1" Value="{Binding ElementName=QS_Movie,Path=Volume,Mode=TwoWay}" Grid.Column="3" HorizontalAlignment="Left" Margin="0,5,0,0" ></Slider>46       <Button Height="25" Width="40" Name="Horn" Grid.Column="2" HorizontalAlignment="Right" Margin="0,13">音量</Button>47     </Grid>48   </Grid>49 </Window>

原标题:基于MediaElement的WPF视频播放器(可拖拽进度条播放)

关键词:wpf

wpf
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。