如何在UWP中将Grid.Background设置为MediaPlayer？

Question

如何在UWP应用中将视频添加到Grid.Background ？

在以前的版本中，我使用了

<Grid.Background>
    <ImageBrush ImageSource="ms-appx:///Assets/carosel3.jpg" Stretch="UniformToFill"/>
</Grid.Background>

Answer 1

在UWP中有两种方法可以实现此目的。

合成API

Composition API提供了CompositionSurfaceBrush ，您可以使用它通过MediaPlayer使用视频绘制的像素绘制区域。 文档中的示例：

Compositor _compositor = ElementCompositionPreview.GetElementVisual(MyGrid).Compositor;
SpriteVisual _videoVisual;
CompositionSurfaceBrush _videoBrush;

// MediaPlayer set up with a create from URI

_mediaPlayer = new MediaPlayer();

// Get a source from a URI. This could also be from a file via a picker or a stream
var source = MediaSource.CreateFromUri(new Uri("https://www.example.com/video.mp4"));
var item = new MediaPlaybackItem(source);
_mediaPlayer.Source = item;
_mediaPlayer.IsLoopingEnabled = true;

// Get the surface from MediaPlayer and put it on a brush
_videoSurface = _mediaPlayer.GetSurface(_compositor);
_videoBrush = _compositor.CreateSurfaceBrush(_videoSurface.CompositionSurface);

_videoVisual = _compositor.CreateSpriteVisual();
_videoVisual.Brush = _videoBrush;

查看文档以获取更多信息，以查找有关在互联网上使用Composition API的众多教程之一（如此处 ）。

单独的MediaPlayer元素

一个更简单的解决方案是将MediaPlayerElement放在Grid本身下面。 当Grid具有Transparent背景时，视频将显示在Grid下方。

<Grid>
    <MediaPlayerElement x:Name="mediaPlayer"
                      AreTransportControlsEnabled="False"
                      Source="ms-appx:///SomeVideo.mp4" />
    <Grid>
       ... your content
    </Grid>
</Grid>