Wpf 自定义媒体元素

Question

嘿伙计们，我对 wpf 还很陌生，所以我需要一些帮助，这就是我想要做的。

我想创建一个自定义媒体元素，我希望能够加载视频并播放 15 秒到 1 分钟的视频，我希望能够根据用户设置在加载时动态设置它。我基本上将大量视频加载到列表视图控件中，并且希望播放视频，但我试图通过仅播放视频的一小部分预览来节省资源。

我研究过

• 自定义控件的事情 - 有些丢失了
• 子类化
• 预构建控制

我只是真的不确定下一步该去哪里。我非常感谢您能给我的任何帮助。

Answer 1

鉴于您对要求的评论扩展，我建议您使用普通的 MediaElement，但为其分配视频的“预览”版本，该版本仅包含您想要显示的片段并降低了分辨率，以降低负载占用量。

因此，您的模型将具有两个属性，即 PreviewUri 和 SourceUri。在 PreviewUri 中，您存储视频的“预览”版本；在 SourceUri 中，您存储“完整”版本。在 ListBox 或 ItemsControl 中，您将使用绑定到 PreviewUri 的 MediaElements。当用户进行选择时，您将主 MediaElement 的 Source 设置为 SourceUri。所以你的列表框看起来像这样：

<ListBox ItemsSource="{Binding}">
  <ListBox.ItemTemplate>
    <DataTemplate>
      <MediaElement Source="{Binding PreviewUri}" />
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>

你的模型看起来像这样：

public class Video  // ideally implement INotifyPropertyChanged - not shown
{
  public Uri PreviewUri { get; set; }
  public Uri SourceUri { get; set; }

  public static ObservableCollection<Video> LoadVideoInfo()
  {
    /* pseudocode
    new up a collection
    foreach (file in videoFolder)
      collection.Add(new Video { PreviewUri = smallFileUri, SourceUri = bigFileUri });
    return collection;
    */
  }
}

你的代码看起来像这样：

DataContext = Video.LoadVideoInfo();

如何显示全尺寸视频将取决于你想要触发什么以及全尺寸视频在哪里视频显示。使用 ListBox 而不是循环并将子项添加到 StackPanel 可能会有所帮助，因为您可以使用 SelectedItemChanged 事件、数据绑定到 SelectedItem 或使用 IsSynchronizedWithCurrentItem 属性。