有关媒体播放器为何出现阻止 UI 输入约 30 秒的任何信息

Question

我正在 UWP 应用中运行一个短视频，而许多其他任务正在后台完成。 如果用户不想观看视频，则有一个"跳过视频"按钮。 但是，该按钮在视频中大约 30 秒内不会变为活动状态。

我想也许是我的后台任务阻止了 UI，但它们在 5-7 秒内完成。 我还认为可能是视频加载导致了问题，但它只有 3 分钟长，所以我认为缓冲不需要那么长时间。

以下是我用于该页面的 XAML：

<Page
    x:Class="Cgs.Ux.Views.MainMenu"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Cgs.Ux"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:userControls="using:Cgs.Ux.UserControls"
    xmlns:help="using:Cgs.Ux.UserControls.Help"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <RelativePanel RequestedTheme="Light">
        <Image Source="{x:Bind Vm.PlainBackgroundImage, Mode=OneWay, Converter={StaticResource ImageConverter}}"
               Stretch="Fill"/>
        <Viewbox RelativePanel.AlignBottomWithPanel="True" RelativePanel.AlignTopWithPanel="True"
                 RelativePanel.AlignLeftWithPanel="True" RelativePanel.AlignRightWithPanel="True">
            <Grid>
                <Image Source="{x:Bind Vm.BackgroundImage, Mode=OneWay, Converter={StaticResource ImageConverter}}"
                       RelativePanel.AlignVerticalCenterWithPanel="True" RelativePanel.AlignHorizontalCenterWithPanel="True"
                       Height="1080" Width="1920" Opacity=".5"/>
                <!--Media Player-->
                <MediaPlayerElement
                    Name="MediaSimple"
                    Source="ms-appx:///Assets/Videos/Transfer Items Alpha 2.mp4"
                    Width="1920" Height="1080" AutoPlay="False" Visibility="Collapsed">
                </MediaPlayerElement>
                <Button
                    Name="SkipVideo"
                    VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="30"
                    Content="Skip Video" Height="100" Width="400" Background="White"
                    Visibility="{x:Bind Vm.SkipVideoVisible, Mode=OneWay}"
                    PointerEntered="OnPointerEntered"
                    Click="{x:Bind Vm.SkipVideo}"/>
            </Grid>
        </Viewbox>
        <ProgressRing
            RelativePanel.AlignHorizontalCenterWithPanel="True" RelativePanel.AlignVerticalCenterWithPanel="True"
            Width="100" Height="100" Foreground="NavajoWhite" IsActive="{x:Bind Vm.IsBusy, Mode=OneWay}" />
    </RelativePanel>
</Page>

以下是背后的相关代码：

public void PlayMedia()
{
    MediaSimple.MediaPlayer.Play();
    MediaSimple.Visibility = Visibility.Visible;
}
public void SkipVideo()
{
    View.StopVideo();
    _introVideoFinished = true;
    if (_soloGameLoaded && _introVideoFinished) GotoGame();
}
private void OnPointerEntered(object sender, PointerRoutedEventArgs e)
{
    Debug.WriteLine("Pointer Entered");
}

我希望该按钮应该立即可用，或者几乎立即可用。

Answer 1

我试图创建一个独立的项目来复制这个问题。 可悲的是，我的独立项目都运行良好。 我的独立项目和失败的项目之间的区别在于我在视频启动时启动的后台任务。

我最初认为后台任务阻止了 UI 的想法是有针对性的。 我修改了后台任务以在单独的线程上运行，媒体播放器和跳过视频按钮工作得很好。

将后台任务

移动到其自己的线程后，应用开始因封送错误而失败，因为后台任务正在尝试与 UI 通信。 这就解释了为什么后台任务阻止 UI 长达 30 秒，而我预计它会在 5-7 秒内完成。

故事的寓意是，不要在 UI 线程上运行后台任务，并期望 UI 正常运行。