uwp youtube 播放器流 mvvm

Question

最后解决。

我很难按照 MVVM 模式在 uwp 中找到有关 youtubeplayer 的信息。

• <MediaElement> 和 <WebView> 在这种情况下有什么区别，哪个更好/更容易使用？

• 如何在我的 VM 中处理播放器的事件？

• VS2017 告诉我不能使用 MediaPlayerElement

Error Message

我尝试了 VS2017 的其他版本/构建，但得到了同样的错误。

• 还有其他方法可以做到这一点吗？

TY

编辑：

<WebView> 似乎很容易。使用它有什么缺点吗？

<WebView x:Name="webView" Width="300" 
                              Height="225" Source="https://www.youtube.com/watch?v=2Rg1XmzzrTM" 
                              RelativePanel.AlignHorizontalCenterWithPanel="True"
                              RelativePanel.Below="linkYT"/>

编辑2：

感谢 Aditya Sharma，我走上了正确的道路并找到了this Question

所以我最终得到了以下结果：

查看：

<MediaElement x:Name="ytPlayer"                                     
              AreTransportControlsEnabled="True"
              Source="{Binding Test1, Mode=OneWay}"
              Width="600" 
              AutoPlay="True"
              Height="400"/>  

虚拟机：

public void doSomething()
{
   ...
   test1 = new Uri(convertLink(currentMovie.TrailerSource));
   ...
}

 private string convertLink(string link)
        {
           IEnumerable<VideoInfo> videoInfos = DownloadUrlResolver.GetDownloadUrls(link, false);
           VideoInfo video = videoInfos
               .First(info => info.VideoType == VideoType.Mp4 && info.Resolution == 720
                );
           return video.DownloadUrl;
        }

Test1 是 Uri 类型，currentMovie.TrailerSource 是 string

为此，我必须获得 NuGet YouTubeExtractor。 希望这可以帮助某人完成 MVVM。

Answer 1

事情就是这样，我们有 1.WebView 和 2.MediaElement

让我们深入研究一下：

WebView：基本上是手机应用浏览器。你可以给它一个链接，它会导航到网页。您可以将它用于您的 youtube 筛选，但会有一些缺点：

1. 您将无法在本地使用本地控件，例如暂停/播放/搜索。所有控件都将由呈现在 WebView 中的网站处理。
2. 您也无法控制 UI。您会在应用 WebView 中看到基本的嵌入式 youtube UI，它可能会破坏您的 UI，并且在缩放时也可能只是提供像素化视图。

另一方面，

MediaElement 非常方便，它有一个source 属性，它也采用Uri 数据类型，所以最棒的是你可以传入你的@987654330 @ 作为 youtube vid 的嵌入式链接，MediaElement 将为您处理所有事情，此外，它还会为您提供一些额外的优势，例如控制您的 UI、播放/暂停甚至自定义样式和自动播放/播放速率选项。

所以在我看来，我会说使用MediaElement 而不是webView，因为它可以让您更好地控制正在发生的事情，并为用户提供原生体验。

您可以在此处找到有关它的更多信息 in this question 在它的 cmets 部分。

另外，由于您将在 Windows 10 上使用 mvvm，我建议您将 MediaElement 的 x:bind Source 属性改为 oneWay 模式中的 Uri DataType 属性@987654338 @