zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    addEventListener 事件监听器 冒泡事件)
    内置对象 Date
    js-定时器
    BOM:浏览器对象
    DOM元素
    js控制style样式
    【应急响应】Windows 安全加固
    【渗透测试】社会工程学,没有射不下来的人
    【代码学习】PYTHON 线程
    【代码学习】PYTHON 进程
  • 原文地址:https://www.cnblogs.com/walker-cheng/p/WpfVideoCyclePlayer.html
Copyright © 2011-2022 走看看