首页 > 解决方案 > 使用 youtube api 和 Angular 搜索电影预告片

问题描述

搜索后,在 stackoverflow 和 API 文档中,我无法弄清楚我将如何在 youtube 中使用变量搜索电影预告片。我的服务 URL 中有这个方法:

getTrailer(): Observable<Object> {
    let url =
     ' https://www.googleapis.com/youtube/v3/search?part=snippet&q=guy&key=(mykey)'
    return this.http.get(url).pipe(
      map(res => {
        return res['items'];
      })
    );
  }

回到组件订阅中,我可以看到这个项目数组,但我无法理解如何根据用户输入获取预告片视频......有人可以给我一个提示吗?

标签: angularrestyoutube

解决方案


使用查询参数,它们在这里解释 https://developers.google.com/youtube/v3/docs/search/list?apix_params=%7B%22part%22%3A%22snippet%22%2C%22maxResults%22% 3A25%2C%22q%22%3A%22surfing%22%7D

首先,我会使用topicId=/m/02vxn(电影)。并添加q=trailer为术语。

最终出现在这样的请求网址中

https://www.googleapis.com/youtube/v3/search?part=snippet&q=trailer&topicId=%2Fm%2F02vxn&key=[YOUR_API_KEY]

推荐阅读