javascript - 检索播放列表视频 YouTube API 的持续时间、视频图片和观看次数

Question

我正在尝试使用 Youtube API 检索播放列表视频的持续时间、图片和观看次数。我注意到这些都没有包含在我检索到的代码段中。这是我到目前为止的代码:

gapi.client.setApiKey('xxxx');
gapi.client.load('youtube', 'v3', function() {

    var request = gapi.client.youtube.playlistItems.list({
      part: 'snippet, contentDetails',
      playlistId: 'PL3C9792F77CB0EE51',
      maxResults: 50
    });  

request.execute(function(response) {
    for (var i = 0; i < response.items.length; i++) {
       console.log(response.items[i].snippet.title + " published at " 
       + response.items[i].snippet.publishedAt);
       console.log(response.items[i].contentDetails.videoId);
    } 
});

console.log(response.items[i].snippet) 每个视频返回以下内容:

Object {
    publishedAt: ...,
    channelId: ...,
    title: ...,
    description: ...,
    thumbnails { ... }
}

和console.log(response.items[i].contentDetails)返回:

Object {
    videoId: ...,
}

我正在考虑可能使用 videoId 然后发出另一个请求并检索每个给定视频的持续时间、图片和观看次数，但我不确定如何继续

Answer 1

循序渐进。

Youtube PlayListItem 具有这种结构。

  {
  "kind": "youtube#playlistItem",
  "etag": etag,
  "id": string,
  "snippet": {
    "publishedAt": datetime,
    "channelId": string,
    "title": string,
    "description": string,
    "thumbnails": {
      (key): {
        "url": string,
        "width": unsigned integer,
        "height": unsigned integer
      }
    },
    "channelTitle": string,
    "playlistId": string,
    "position": unsigned integer,
    "resourceId": {
      "kind": string,
      "videoId": string,
    }
  },
  "contentDetails": {
    "videoId": string,
    "startAt": string,
    "endAt": string,
    "note": string
  },
  "status": {
    "privacyStatus": string
  }
}

---

如果你想检索视频图像，在 thumbnails 属性上你有图像的 url。但是，您也可以这样做。

http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg

对于缩略图的高质量版本，使用类似于此的 url:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg

还有一个中等质量版本的缩略图，使用类似于 HQ 的 url:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg

对于标清版的缩略图，使用类似这样的url:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg

对于缩略图的最大分辨率版本，使用与此类似的 url:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

---

编辑(获取视频信息)

要获得留下的信息，您必须通过在 PlayListItem 上检索到的 Id 获取 videoObjet 进行此调用。 Demo

$.ajax({
    async: false,
    type: 'GET',
    url:  "https://www.googleapis.com/youtube/v3/videos?id={{videoId}}&key={{yourKey}}&part=snippet,contentDetails",
    success: function(data) {
        ...Do what you want with data...
    }
}

返回的 JSON 如下所示:

{
   kind: "youtube#videoListResponse",
   etag: ""oqbvhYxBE6fAbRk6m7aLlHf5s1I/jg_aG2jmpbZL5qs3yae4JnZbDs0"",
   pageInfo: {
      totalResults: 1,
      resultsPerPage: 1
   },
   items: [{
      kind: "youtube#video",
      etag: ""oqbvhYxBE6fAbRk6m7aLlHf5s1I/YQ-QRwoxkXL4UBFIFCyCwIdmtzg"",
      id: "ojCkgU5XGdg",
      contentDetails: {
         duration: "PT23M14S",
         dimension: "2d",
         definition: "hd",
         caption: "true",
         licensedContent: false
      },
      statistics: {
         viewCount: "25587",
         likeCount: "168",
         dislikeCount: "17",
         favoriteCount: "0",
         commentCount: "45"
     }
   }]
}

如果您想检索有关视频的更多信息。您必须在查询 part 参数中添加以下任何选项:snippet、contentDetails、fileDetails、player, processingDetails, recordingDetails, statistics, status, suggestions > y topicDetails.

希望对你有帮助