使用javascript从视频网址快照

时间:2014-01-08 18:51:53

标签: javascript video snapshot

我需要使用JavaScript从视频流网址获取快照图片 我需要在html div中显示视频的“缩略图”。

我需要动态地使用JavaScript 如果有任何想法,请告诉我。

1 个答案:

答案 0 :(得分:0)

通过javascript是不可能的。


如果您的视频位于您的服务器中,则只能使用FFMPEG,例如:

ffmpeg -i input.flv -ss 00:00:14.435 -f image2 -vframes 1 out.png


如果您的视频是RTMP,那么在使用ffmpeg之后,您可以使用rtmpdump在服务器中保存视频。

rtmpdump -v -r rtmp://[stream_address] -o 1.flv

如果视频在Youtube中,则需要服务器端(php,c#,jsp)并且应该处理此类型的URL(在php中使用curl):

缩略图,小(120x90):

http://img.youtube.com/vi/bQVoAWSP7k4/1.jpg

缩略图,小(120x90):

http://img.youtube.com/vi/bQVoAWSP7k4/3.jpg

默认缩略图图像,小(120x90)

http://img.youtube.com/vi/bQVoAWSP7k4/2.jpg

默认缩略图,全尺寸(480x360):

http://img.youtube.com/vi/bQVoAWSP7k4/0.jpg

来源:How To Download A Thumbnail Image From YouTube

在这种情况下你甚至可以使用javascript和canvas,但在webkit浏览器中会导致“污点”问题(它实际上是一个安全锁)


如果视频在其他服务器上,则无法使用。