C# WPF 用MediaElement控件实现视频循环播放

  在WPF里用MediaElement控件,实现一个循环播放单一视频的程序,同时可以控制视频的播放、暂停、停止。

  一种方式,使用MediaElement.MediaEnded事件,在视频播放结束后,自动重新播放;

  另一种方式,使用WPF定时器,在定时器事件里写入视频播放代码。

  后者优点是可以控制循环时长,不必等到视频播放结束就可以开始下一次播放,比如:同时启动多个播放程序,使多个时长不同的视频同时播放,无限循环,如果采用第一种方式,累计多次自动播放后,视频内容就无法同步。

第一种方式:

1 XAML:
2         <MediaElement x:Name="mediaElement" HorizontalAlignment="Left" Height="261" VerticalAlignment="Top" Width="507"/>
3         <Button x:Name="btnPlay" Content="Play" HorizontalAlignment="Left" Margin="68,279,0,0" VerticalAlignment="Top" Width="75" Click="btnPlay_Click"/>
4         <Button x:Name="btnPause" Content="Pause" HorizontalAlignment="Left" Margin="170,279,0,0" VerticalAlignment="Top" Width="75" Click="btnPause_Click"/>
5         <Button x:Name="btnStop" Content="Stop" HorizontalAlignment="Left" Margin="295,279,0,0" VerticalAlignment="Top" Width="75" Click="btnStop_Click"/>    
 1 C#:
 2         // 窗口加载事件
 3         private void Window_Loaded(object sender, RoutedEventArgs e)
 4         {
 5             // 绑定视频文件
 6             mediaElement.Source = new Uri("D:/bird.mp4");
 7 
 8             // 交互式控制
 9             mediaElement.LoadedBehavior = MediaState.Manual;
10 
11             // 添加元素加载完成事件 -- 自动开始播放
12             mediaElement.Loaded += new RoutedEventHandler(media_Loaded);  
13 
14             // 添加媒体播放结束事件 -- 重新播放
15             mediaElement.MediaEnded += new RoutedEventHandler(media_MediaEnded);
16 
17             // 添加元素卸载完成事件 -- 停止播放
18             mediaElement.Unloaded += new RoutedEventHandler(media_Unloaded);
19         }
20 
21         /*
22             元素事件 
23         */
24         private void media_Loaded(object sender, RoutedEventArgs e)
25         {
26             (sender as MediaElement).Play();
27         }
28 
29         private void media_MediaEnded(object sender, RoutedEventArgs e)
30         {
31             // MediaElement需要先停止播放才能再开始播放,
32             // 否则会停在最后一帧不动
33             (sender as MediaElement).Stop();
34             (sender as MediaElement).Play();
35         }
36 
37         private void media_Unloaded(object sender, RoutedEventArgs e)
38         {
39             (sender as MediaElement).Stop();
40         }
41 
42         /*
43             播放控制按钮的点击事件 
44         */
45         private void btnPlay_Click(object sender, RoutedEventArgs e)
46         {
47             mediaElement.Play();
48         }
49 
50         private void btnPause_Click(object sender, RoutedEventArgs e)
51         {
52             mediaElement.Pause();
53         }
54 
55         private void btnStop_Click(object sender, RoutedEventArgs e)
56         {
57             mediaElement.Stop();
58         }        

第二种方式:

  注:使用DispatcherTimer,需要添加System.Windows.Threading命名空间。

1 XAML:
2         <MediaElement x:Name="mediaElement" HorizontalAlignment="Left" Height="243" Margin="19,10,0,0" VerticalAlignment="Top" Width="394" LoadedBehavior ="Manual"/>
3         <Button x:Name="btnPlay" Content="Play" HorizontalAlignment="Left" Margin="52,270,0,0" VerticalAlignment="Top" Width="75" Click="btnPlay_Click"/>
4         <Button x:Name="btnPause" Content="Pause" HorizontalAlignment="Left" Margin="163,270,0,0" VerticalAlignment="Top" Width="75" Click="btnPause_Click"/>
5         <Button x:Name="btnStop" Content="Stop" HorizontalAlignment="Left" Margin="266,270,0,0" VerticalAlignment="Top" Width="75" Click="btnStop_Click"/>    
 1 C#:
 2         DispatcherTimer timer = new DispatcherTimer();  // 定时器timer
 3         int durTime = 5;  // 视频播放时长,也就是循环周期
 4 
 5         // 窗口加载事件
 6         private void Window_Loaded(object sender, RoutedEventArgs e)  
 7         {
 8             mediaElement.Source = new Uri("D:/bird.mp4"); // 绑定视频文件
 9 
10             mediaElement.Play(); // 设置启动播放
11             timer.Interval = new TimeSpan(0, 0, 0, durTime); // 设置定时器重复周期
12             timer.Tick += new EventHandler(timerEvent);  // 设置定时器事件
13 
14             timer.Start();  // 启动定时器
15         }
16 
17         // 定时器事件 
18         public void timerEvent(object sender, EventArgs e)
19         {
20             // MediaElement需要先停止播放才能再开始播放,
21             // 否则会停在最后一帧不动
22             mediaElement.Stop();  
23             mediaElement.Play(); 
24         }
25 
26         /*
27             播放控制按钮的点击事件 
28         */
29         private void btnPlay_Click(object sender, RoutedEventArgs e)
30         {
31             mediaElement.Play();  // 开始播放
32             timer.Start();  // 重新启动定时器
33         }
34 
35         private void btnPause_Click(object sender, RoutedEventArgs e)
36         {
37             mediaElement.Pause(); // 暂停当前播放
38             timer.Stop();  // 停止定时器
39         }
40 
41         private void btnStop_Click(object sender, RoutedEventArgs e)
42         {
43             mediaElement.Stop(); // 停止当前播放
44             timer.Stop();  // 停止定时器
45         }

项目源码下载链接:https://files.cnblogs.com/files/walker-cheng/WpfVideoCyclePlayer.zip

posted @ 2018-04-23 15:50  Walker游游  阅读(7130)  评论(2编辑  收藏  举报