如何获取 Twitch 视频缩略图 URL?
How to Get Twitch Video Thumbnail URL?
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 也有这样的东西吗?
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(请注意,这里的 'kraken' 是常量 - 不确定背后的来源它的名称)- 请注意,如果您不包含 client_id
,请求将 return 一个包含错误消息的 JSON 对象
该请求将 return 一个 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:如您所见,缩略图数组的长度为 4 - 在这一点上我认为这是因为视频作者可以提供的图像大小不同
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 也有这样的东西吗?
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(请注意,这里的 'kraken' 是常量 - 不确定背后的来源它的名称)- 请注意,如果您不包含client_id
,请求将 return 一个包含错误消息的 JSON 对象
该请求将 return 一个 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:如您所见,缩略图数组的长度为 4 - 在这一点上我认为这是因为视频作者可以提供的图像大小不同