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

时间:2021-12-07 14:33:32

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

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

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

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

第一种方式:

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

第二种方式:

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

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

总结

以上所述是小编给大家介绍的C# 使用WPF 用MediaElement控件实现视频循环播放,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!