Js 视频停留指定帧

JavaScript029

Js 视频停留指定帧,第1张

在JS中获取video标签,并监听它的loadeddata事件。

loadeddata是指当媒体当前播放位置的帧完成加载时触发该事件,通常是第一帧。

在监听 loadeddata 中指定事件触发时执行的函数,我们的实现截取第一帧就在这里面编写。

首先定义创建一个 canvas 标签;其次指定 canvas 标签的宽高;最后调用canvas元素中的getContext方法。

截取网页中的视频

网页在播放视频的同时,其实电脑已经把该视频下载到IE临时文件夹里了,

只需要打开这个文件夹,就一目了然了:)

具体的操作过程就是

1,先让视频在线播放一遍

2,因为这里涉及的文件及有的属性是隐藏的,所以先要设置一下,先打开我的电脑,工具栏--文件夹选项--查看--选择显示所有文件和文件夹--点确定

3,然后打开系统盘--Documents and Settings--Administrator(这个是用户名,如果设置了用户名,就是设置的用户名的文件夹)--Local Settings--Temporary Internet Files

4,IE临时文件夹把文件按大小排列,因为视频文件都比较大,自然就排在了前面,可以从中看到,排在前面的都是flv文件,只要从临时文件夹里复制出来,就能放在本地硬盘随时观看了。

一般的播放器打不开flv的文件,可以下载专业的flv 播放器或暴风影音,就能观看该视频了。当然该方法,对其它任何格式的视频都有效果。