如何从YouTube视频中获取样本图像帧并将其用作背景
how to take sample image frame from youtube video and use it as a background?
我做了这个项目http://tinyurl.com/nowimlisteningto。这是一个将Youtube视频作为播放列表播放的网站。一个接一个。我想让我的网站在视觉上更好,并且正在考虑将网站的背景图像更改为当前正在播放的Youtube视频的示例帧。
有可能这样做吗?我在我的项目中使用java服务器和jsp文件,一些html, javascript, css。
编辑:这是我找到的一些有用的链接。
Player Background Thumbnail (480x360 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/0.jpg
Normal Quality Thumbnail (120x90 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/default.jpg
Medium Quality Thumbnail (320x180 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/mqdefault.jpg
High Quality Thumbnail (480x360 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/hqdefault.jpg
Start Thumbnail (120x90 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/1.jpg
Middle Thumbnail (120x90 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/2.jpg
End Thumbnail (120x90 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/3.jpg
And additionally, the next two thumbnails may or may not exist. For HQ videos they exist.
Standard Definition Thumbnail (640x480 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/sddefault.jpg
Maximum Resolution Thumbnail (1920x1080 pixels): http://i1.ytimg.com/vi/HIrMIeN5ttE/maxresdefault.jpg
您可以基于它的id创建一个img URL
为视频https://www.youtube.com/watch?v= * * XXXXXXXXXX * *就像
https://i2.ytimg.com/vi/* * XXXXXXXXXX * */mqdefault.jpg
https://i2.ytimg.com/vi/* * XXXXXXXXXX * */hqdefault.jpg
第一部分可以是i1, i2,…您可以使用i1(多个服务器,所以使用任意一个)最后,声明图像分辨率。最好将图像保存到您自己的服务器
最好的变体是http://img.youtube.com/vi/XXXXXXXXXX/maxresdefault.jpg
检查我如何从YouTube API获得YouTube视频缩略图?(所以)
并使用视频ID (thecarneyeeffect .co)获取Youtube视频的缩略图。英国、归档)
相关文章:
- 可以在这里为背景图像设置滤镜吗
- 使用 js 将背景图像设置为 HTML
- 如何使用css动画/javascript使具有背景图像的元素出现
- 循环浏览多个身体背景图像
- 背景图像顶部的滚动图像不移动
- 在pdfmake中嵌入背景图像
- 修复选择菜单时的背景图像
- 使用css()设置背景图像;不起作用
- 鼠标悬停时如何居中放大背景图像
- 强制谷歌为javascript背景图像编制索引
- 淡入不带HTML的背景图像
- 具有淡入淡出效果的全背景图像
- 未加载随机背景图像
- 背景图像前显示Javascript警报
- javascript背景图像位置循环
- CSS动画背景图像的过渡越来越暗
- "Ken Burns效应”;悬停背景图像
- 通过ID JavaScript显示随机背景图像
- JavaScript背景图像
- 带有图像和背景图像的ClipTo