如何自定义WPF MediaElement中图片的显示时长？

我用WPF的MediaElement控件做播放列表，它能同时显示视频和图片，刚好符合需求。原本是在MediaEnded事件里切换源来播放下一个视频：

<MediaElement Name="Player" Source="{Binding MediaSource}"  MediaEnded="Player_MediaEnded" />

private void Player_MediaEnded(object sender, RoutedEventArgs e)
{
    MediaSource = "the_next_file.jpg";
}

但发现设置图片为源时，图片固定显示5秒，怎么调整都没用，想自定义图片的显示时长。

解决方法 #

方法1：用DispatcherTimer手动控制图片时长 #

核心逻辑是区分媒体类型，视频仍依赖MediaEnded事件自动切换，图片则通过定时器控制显示时长：

• 定义全局DispatcherTimer变量，专门处理图片的自动切换
• 切换媒体源前，判断目标文件格式：是图片就启动定时器（设自定义时长），是视频就停止定时器，等待MediaEnded触发

示例代码：

private DispatcherTimer _imageTimer;

public YourWindow()
{
    InitializeComponent();
    _imageTimer = new DispatcherTimer();
    _imageTimer.Tick += ImageTimer_Tick;
}

private void Player_MediaEnded(object sender, RoutedEventArgs e)
{
    LoadNextMedia();
}

private void ImageTimer_Tick(object sender, EventArgs e)
{
    _imageTimer.Stop();
    LoadNextMedia();
}

private void LoadNextMedia()
{
    // 假设你有播放列表集合mediaList和当前索引currentIndex
    currentIndex = (currentIndex + 1) % mediaList.Count;
    var nextMediaPath = mediaList[currentIndex];
    var extension = Path.GetExtension(nextMediaPath).ToLower();

    var imageExtensions = new[] { ".jpg", ".jpeg", ".png", ".bmp" };
    if (imageExtensions.Contains(extension))
    {
        // 设置图片显示时长为10秒，可按需修改
        _imageTimer.Interval = TimeSpan.FromSeconds(10);
        _imageTimer.Start();
    }
    else
    {
        _imageTimer.Stop();
    }

    MediaSource = nextMediaPath;
}

方法2：统一用定时器管理所有媒体（更可控） #

放弃依赖MediaEnded事件，所有媒体都通过定时器控制播放时长：

• 视频：等MediaOpened事件触发后，获取视频自身时长作为定时器间隔
• 图片：直接用自定义时长作为定时器间隔

示例代码：

private DispatcherTimer _playTimer;
private string _currentMediaPath;

public YourWindow()
{
    InitializeComponent();
    _playTimer = new DispatcherTimer();
    _playTimer.Tick += PlayTimer_Tick;
    Player.MediaOpened += Player_MediaOpened;
}

private void PlayTimer_Tick(object sender, EventArgs e)
{
    _playTimer.Stop();
    LoadNextMedia();
}

private void Player_MediaOpened(object sender, RoutedEventArgs e)
{
    var extension = Path.GetExtension(_currentMediaPath).ToLower();
    var imageExtensions = new[] { ".jpg", ".jpeg", ".png", ".bmp" };

    if (imageExtensions.Contains(extension))
    {
        // 图片自定义显示时长为8秒
        _playTimer.Interval = TimeSpan.FromSeconds(8);
    }
    else
    {
        // 视频使用自身时长，无法获取时 fallback 到10秒
        if (Player.NaturalDuration.HasTimeSpan)
        {
            _playTimer.Interval = Player.NaturalDuration.TimeSpan;
        }
        else
        {
            _playTimer.Interval = TimeSpan.FromSeconds(10);
        }
    }
    _playTimer.Start();
}

private void LoadNextMedia()
{
    currentIndex = (currentIndex + 1) % mediaList.Count;
    _currentMediaPath = mediaList[currentIndex];
    MediaSource = _currentMediaPath;
}

内容的提问来源于stack exchange，提问作者bytecode77