作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
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 要求您使用其 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 对象
该请求将返回一个类似于以下内容的 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 - 此时我认为这是因为视频作者可以张贴的图像大小不同
关于twitch - 如何获取 Twitch 视频缩略图 URL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46722459/
我是一名优秀的程序员,十分优秀!