MediaPlayerElement needs a better sample

[Symbai]

I'm submitting a...

Sample app request

Current behavior

MediaPlayerElement has a short sample auto playing a web video

Expected behavior

MediaPlayerElement needs also a sample demonstrating how to play / pause / stop / change volume and set / get playing position from code. Because there is no Play() method for example. And the only documentation I find is about the UWP version which seems to have a play method

https://docs.microsoft.com/en-us/uwp/api/Windows.UI.Xaml.Controls.MediaPlayerElement

which states:
You can create your own media transport controls by setting AreTransportControlsEnabled to false, and using the Play and Pause methods on MediaPlayer. You can also control a rich set of properties by using the underlying MediaPlayer such as Position, Volume, IsMuted, IsLoopingEnabled, and PlaybackRate.

Environment

Nuget Package(s):
Microsoft.Toolkit.Wpf.UI.Controls
Package Version(s):
6.0.0-preview3

Windows 10 Build Number:

• October 2018 Update (17763)

App min and target version:

• October 2018 Update (17763)

Device form factor:

• Desktop

Visual Studio

• 2019 (version: )

[michael-hawker]

@Symbai, the MediaPlayerElement is just a host, as the documentation calls out for it, you need to access Play and other methods of it's MediaPlayer property/reference.

[Symbai]

@michael-hawker MediaPlayer property throws a NullReferenceException all the time when being used in code. Which was the reason why I've asked for a sample because I thought I might be doing something wrong.

XAML code taken from the only WPF sample in this repo

<controls:MediaPlayerElement x:Name="mediaPlayerElement"
                                     Source="https://mediaplatstorage1.blob.core.windows.net/windows-universal-samples-media/elephantsdream-clip-h264_sd-aac_eng-aac_spa-aac_eng_commentary-srt_eng-srt_por-srt_swe.mkv"
                                     AutoPlay="True" Margin="5" HorizontalAlignment="Stretch"  VerticalAlignment="Stretch" AreTransportControlsEnabled="True" />

System.NullReferenceException: 'Object reference not set to an instance of an object.'
Microsoft.Toolkit.Wpf.UI.Controls.MediaPlayerElement.MediaPlayer.get returned null.

[michael-hawker]

@marb2000 @ocalvo @azchohfi any thoughts with your expertise in this area? I thought the UWP MediaPlayerElement is supposed to have it's own MediaPlayer instance already initialized, so it should be retrievable here, eh? Debugging the sample app seems to show this as the case as I see the MediaPlayer instance on the ChildInternal UWP object.

I thought maybe it'd be because the Bind method sets the default to one-way binding here. But changing that doesn't seem to impact the property.

What do we need to change to get this to bubble up?

[michael-hawker]

@ocalvo Alex and I took a look it seems to be an initializing timing problem? The MediaPlayer instance is null in OnInitialized in the wrapper, so the binding fails. We tried setting up the binding in the Loaded event for the UwpControl itself where we see the MediaPlayer instance, but this also failed. For some reason the WPF DependencyProperty is always returning null for MediaPlayer.

Any thoughts on what's happening here? Thanks!

[ocalvo]

@marb2000 @ocalvo @azchohfi any thoughts with your expertise in this area? I thought the UWP MediaPlayerElement is supposed to have it's own MediaPlayer instance already initialized, so it should be retrievable here, eh? Debugging the sample app seems to show this as the case as I see the MediaPlayer instance on the ChildInternal UWP object.

I thought maybe it'd be because the Bind method sets the default to one-way binding here. But changing that doesn't seem to impact the property.

What do we need to change to get this to bubble up?

My understanding is that it will only have its own instance when used from the WinUI Xaml compiler as only the Xaml compiler will initialize the media player instance (the WPF Xaml compiler does not count)

I think you will need to modify the wrapper to initialize the media player instance if Source property is set.

[Symbai]

Any update on this? I would really love to use this control but failing to access the mediaplayer property makes it impossible.

[marb2000]

@Symbai, the bug is in the backlog. At this time, we don't really know when we will able to fix it.