UWP mediaplayerelement 如何在传输媒体控件的顶部显示额外的文本？答案

【问题标题】：UWP mediaplayerelement how to display extra text on top part of transport media control?UWP mediaplayerelement 如何在传输媒体控件的顶部显示额外的文本？
【发布时间】：2017-06-23 18:54:48
【问题描述】：

我正在使用 xaml 文件中的 mediaplayerelement 编写 UWP 14393 应用程序，我想知道如何在自定义传输媒体控件顶部的文本中显示额外信息，以便当播放器控件启动时，文本将同时显示时间？

例如，对于显示在线流的视频播放器，在左上角显示主播名称、观看次数等。这些信息仅在播放器控件出现时显示。

显然，最好的方法是将文本放在自定义传输媒体控件中，是否可行？如果没有，我该如何实现？

我是 UWP 的新手，欢迎任何帮助，谢谢。

【问题讨论】：

标签： xaml uwp

【解决方案1】：

您可以自定义MediaTransportControls 的样式，并将您自己的内容添加到<Border x:Name="ControlPanel_ControlPanelVisibilityStates_Border">。看我的测试。

首先从my gist下载MediaTransportControls的样式。或者您可以在您电脑的generic.xaml 文件中找到它。

然后将此样式添加到App.xaml。

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/MediaTransportControls.xaml"/>
    </ResourceDictionary.MergedDictionaries>

那么你就可以在MediaTransportControls中使用你的风格了。

<MediaPlayerElement
    Width="300" Height="500"
    AreTransportControlsEnabled="True"
    Source="ms-appx:///Assets/elephantsdream-clip-h264_sd-aac_eng-aac_spa-aac_eng_commentary-srt_eng-srt_por-srt_swe.mkv">
    <MediaPlayerElement.TransportControls>
        <MediaTransportControls Style="{StaticResource myMediaTransportControlsStyle}">

        </MediaTransportControls>
    </MediaPlayerElement.TransportControls>
</MediaPlayerElement>

【讨论】：

【解决方案2】：

<MediaPlayerElement AreTransportControlsEnabled="True">
    <MediaPlayerElement.TransportControls>
        <MediaTransportControls>
        <Grid>
            <...Put any content here like textblocks and buttons all this content will be part of controls so they will appear and disappear along with the controls, this Grid covers all the area on the screen ( above the controls bar )...>
        </Grid>
        </MediaTransportControls>
    </MediaPlayerElement.TransportControls>
</MediaPlayerElement>

【讨论】：

我接受了这个答案，只是认为它完全有道理，没有真正测试它。今天终于抽空测试了一下，报错“The type MediaTransportControls does not support direct content”，是什么问题？