【问题标题】：How to Get Twitch Video Thumbnail URL?如何获取 Twitch 视频缩略图 URL？
【发布时间】：2018-03-25 03:35:49
【问题描述】：

Youtube 等视频共享网站有一个视频缩略图端点
示例：http://img.youtube.com/vi/youtube_id/default.jpg
其中youtube_id = 视频的 id

所以我可以做到 <img src="http://img.youtube.com/vi/youtube_id/default.jpg"> 没问题

twitch也有这样的东西吗？

【问题讨论】：

标签： twitch twitch-api

【解决方案1】：

2018 年更新

Twitch 要求您使用其 API，以便您可以访问视频缩略图。
显然，这是因为缩略图的 URL 可能会改变

这是一个简单的指南，如何访问 twitch 视频缩略图

您必须获得 Twitch 开发 API 的访问权限 - 为此，您需要在 https://glass.twitch.tv 注册一个帐户
注册帐户后，您必须从 twitch 开发者仪表板创建应用程序
创建应用程序后，您将获得一个用于该应用程序的客户端 ID - 请注意，该应用程序将使用 twitch API（例如，您的网站）

您现在可以将 client_id 作为查询字符串参数传递给 https://api.twitch.tv/kraken/videos/106400740?client_id=xxxxxxx，其中 106400740 是视频 ID（请注意，此处的“海妖”是常量 - 不确定其名称背后的来源） - 请注意，请求如果不包含client_id，将返回一个包含错误消息的 JSON 对象

该请求将返回一个类似于以下内容的 JSON 对象：

{
  "title": "Door 5 vs Tilted Gamers",
  "description": "COOL Games: Killing Spree first match @ Mineski. Grove, Los Ba\u00f1os",
  "description_html": "COOL Games: Killing Spree first match @ Mineski. Grove, Los Ba\u00f1os<br>",
  "broadcast_id": 1,
  "broadcast_type": "upload",
  "status": "recorded",
  "language": "en",
  "tag_list": "",
  "views": 4,
  "created_at": "2017-11-08T03:13:12Z",
  "published_at": "2017-11-08T04:33:37Z",
  "url": "https:\/\/www.twitch.tv\/videos\/188543310",
  "_id": "v188543310",
  "recorded_at": "2017-11-08T03:13:12Z",
  "game": "Dota 2",
  "length": 2436,
  "preview": "https:\/\/static-cdn.jtvnw.net\/s3_vods\/esportsdotcool\/188543310\/3534ab8c-bf7d-4c8a-b502-c406825bf75f\/thumb\/index-0000000000-320x240.jpg",
  "animated_preview_url": "https:\/\/vod-storyboards.twitch.tv\/esportsdotcool\/188543310\/3534ab8c-bf7d-4c8a-b502-c406825bf75f\/storyboards\/188543310-strip-0.jpg",
  "thumbnails": [
    {
      "type": "generated",
      "url": "https:\/\/static-cdn.jtvnw.net\/s3_vods\/esportsdotcool\/188543310\/3534ab8c-bf7d-4c8a-b502-c406825bf75f\/thumb\/index-0000000000-320x240.jpg"
    },
    {
      "type": "generated",
      "url": "https:\/\/static-cdn.jtvnw.net\/s3_vods\/esportsdotcool\/188543310\/3534ab8c-bf7d-4c8a-b502-c406825bf75f\/thumb\/index-0000000006-320x240.jpg"
    },
    {
      "type": "generated",
      "url": "https:\/\/static-cdn.jtvnw.net\/s3_vods\/esportsdotcool\/188543310\/3534ab8c-bf7d-4c8a-b502-c406825bf75f\/thumb\/index-0000000012-320x240.jpg"
    },
    {
      "type": "generated",
      "url": "https:\/\/static-cdn.jtvnw.net\/s3_vods\/esportsdotcool\/188543310\/3534ab8c-bf7d-4c8a-b502-c406825bf75f\/thumb\/index-0000000018-320x240.jpg"
    }
  ],
  "fps": {
    "144p30": 29.999544341896,
    "360p30": 29.999544341896,
    "480p30": 29.999544341896
  },
  "resolutions": {
    "144p30": "256x144",
    "360p30": "640x360",
    "480p30": "852x480"
  },
  "channel": {
    "name": "esportsdotcool",
    "display_name": "esportsdotcool"
  },
  "_links": {
    "self": "https:\/\/api.twitch.tv\/kraken\/videos\/v188543310",
    "channel": "https:\/\/api.twitch.tv\/kraken\/channels\/esportsdotcool"
  }
}

在缩略图数组下，您可以找到视频的url。

PS：如您所见，thumbnails 数组的长度为 4 - 在这一点上，我认为这是因为视频作者可以放置的图像大小不同

【讨论】：