关于javascript:如何从youtube视频中获取样本图像帧并将其用作背景?

how to take sample image frame from youtube video and use it as a background?

本问题已经有最佳答案,请猛点这里访问。

我做了这个项目http://tinyurl.com/nowimmlisteningto。这是一个将YouTube视频作为播放列表播放的网站。一个接一个。我想让我的网站视觉上更好,并考虑将该网站的背景图像从目前正在播放的YouTube视频变成一个示例帧。

有可能做这样的事吗?我在我的项目中使用了Java服务器和JSP文件,一些HTML、JavaScript、CSS。

编辑:这里有一些有用的链接。

1
2
3
4
5
6
7
8
9
10
11
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

您可以根据img的ID创建img url

用于视频

https://www.youtube.com/watch?V=XXXXXXXXX

就像是

https://i2.ytimg.com/vi/xxxxxxx/mqdefault.jpghttps://i2.ytimg.com/vi/xxxxxxx/hqdefault.jpg网站

第一部分可以是I1,I2…您可以使用i1(多个服务器,因此可以使用任意服务器)最后一部分介绍了图像处理的解决方案。最好将图像保存到自己的服务器上

最好的变种将是http://img.youtube.com/vi/xxxxxxx/maxresdefault.jpg

检查此问题和此链接