javascript - 如何在 meteor.js 网站中使用 youtube 数据 API v3.0?

标签 javascript meteor youtube youtube-data-api

我正在使用 meteor.js 构建网站

我已经完成了相关问题,但找不到太多有用的信息。

我正在为 Youtube 数据 API v3.0 寻找一个 meteor 包装器,我可以将其作为一个包添加到我的应用程序中。如果没有可用的包装器,如何使用 API 按关键字搜索视频?

我已经深入研究了 API 文档,并为我的应用程序创建了 API key 。我无法弄清楚如何使用 javaScript 验证我的应用程序和搜索视频。

如果我遗漏了任何信息,请告诉我。

感谢您的帮助。多谢。 :)

最佳答案

您可以使用 - renaldo:youtube-api包裹。

为搜索 youtube 创建以下服务器方法

YoutubeApi.authenticate({
  type: 'key',
  key: 'Your-API-Key'
});

Meteor.methods({
  searchVideo: function(search) {
    YoutubeApi.search.list({
        part: "id",
        type: "video",
        maxResults: 5,
        q: search,
    }, function (err, data) {
        console.log(err, data);
    });
  }
});

如果您想将数据返回给客户端,请使用 Futures。例如通过 Id 获取与视频相关的数据。

添加这个包(没有它也可以工作):

meteor add meteorhacks:npm

和服务器端:

// load future from fibers
var Future = Meteor.npmRequire("fibers/future");

Meteor.methods({
  this.unblock();
  var future = new Future();

  getByVideoId: function(id) {
    YoutubeApi.videos.list({
        part: ["snippet", "contentDetails"],
        type: "video",
        maxResults: 1,
        id: id,
    }, function (err, data) {
        console.log(err, data);
        future.return({item:data});
    });
    return future.wait();
  }
});

另外,官方Youtube documentation是非常有用的资源。

关于javascript - 如何在 meteor.js 网站中使用 youtube 数据 API v3.0?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30505328/

相关文章:

javascript - 如何验证meteor helper中的查询结果并重定向到404?

android - 如何在 Cordova Android 应用程序中嵌入 Youtube 视频

air - YouTube 150 错误在 Air 应用程序中

javascript - YouTube的jQuery获取视频页面HTML

javascript - 创建具有动态属性名称的对象

javascript - 根据 View 中的按钮单击切换内容

mongodb - Meteor:订阅的集合不会自动更新( react 性)

node.js - 让 Blade 在 Windows 8 上与 Meteor 配合使用

javascript - 在我的 Angular 6 项目中,我放置了 GOjs 库,它给出了 TS 编译错误

javascript - 外部语言环境文件中的 Angular $sce 与 HTML