Question

我一直在尝试围绕YouTube API文档，但似乎非常糟糕。他们网页上的“入门”视频已经过时，并且根本不符合当前开发人员的控制台。

有没有人在现代的Angular（v2-v5）应用程序中与他们的API进行交互？令人惊讶的是，他们的文档中的代码示例包括许多平台，但不是他们自己的（Angular）。那里的样本给我留下了许多未解答的问题（即他们似乎参考了API库但不告诉你在哪里/如何获得它们）。他们使用了许多特定于YouTube的术语而没有定义它。这非常令人沮丧。

我的需求非常简单......我需要开发一款应用，允许用户搜索我的YouTube频道并播放视频。字面上最基本的YouTube功能。但每当我尝试解决他们的API时，我最终会放弃。

Answer 1

这是一个帮助您入门的教程https://www.youtube.com/watch?v=-vH2eZAM30s

Answer 2

John发布的视频看起来不错。我想在此处考虑使用youtube API的方式添加一些额外的上下文。

您不需要大量使用API，这需要将用户身份验证到其Youtube帐户等。您所需要的只是能够像访问网站一样搜索他们的公共信息。

他们可以通过他们的gapi客户端实现这一目标，您可以轻松地将其包含在您的网页中。您正在寻找的示例类型是“javascript”示例，因为这些示例向您展示了如何通过点击其API来使用javascript进行搜索。这个javascript方法可以在你的角度应用程序中使用，因为它是用javascript编写的。

查看this example中的javascript和HTML。它的关键在于这个JS代码：

// Search for a specified string.
function search() {
  var q = $('#query').val();
  var request = gapi.client.youtube.search.list({
    q: q,
    part: 'snippet'
  });

  request.execute(function(response) {
    var str = JSON.stringify(response.result);
    $('#search-container').html('<pre>' + str + '</pre>');
  });
}

他们使用gapi.client.youtube工具，因为在HTML中他们导入了库：

<script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"></script>

要在您的网站上播放视频，您需要做的就是包含youtube嵌入并指定视频网址，如果您在Google上进行搜索，则可以非常轻松地完成。

希望这为您提供了一些将youtube搜索整合到您网站的背景信息。祝你好运！

在Angular App中使用YouTube Data API

2 个答案: