Youtube 等视频共享网站有一个视频缩略图端点
示例:http: //img.youtube.com/vi/youtube_id/default.jpg
其中youtube_id
= 视频的 id
所以我可以
<img src="http://img.youtube.com/vi/youtube_id/default.jpg">
毫无问题地做
抽搐也有这样的东西吗?
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 要求您使用其 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
该请求将返回一个类似于以下内容的 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 - 在这一点上,我认为这是因为视频的作者可以放置不同大小的图像