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

时间:2017-06-23 18:54:49

标签: xaml uwp

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

例如,对于显示在线流的视频播放器,左上角显示流媒体名称,视图计数等。信息仅在播放器控件出现时显示。

显然,最好的方法是将文本放在自定义传输媒体控件中,是否可行?如果没有,我怎么能实现这个目标?

我是UWP的新手,所以欢迎任何帮助,谢谢。

2 个答案:

答案 0 :(得分:0)

<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>

答案 1 :(得分:0)

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

enter image description here

首先从my gist下载MediaTransportControls的样式。 或者,您可以在PC的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>