求思路 JS自动截视频图的问题

哇抓 2013-01-24 05:18:27

一段播放的视频通过JS每1秒截一次图如何实现？求教大神

...全文

151 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

打字员 2013-01-25

打赏
举报

JS, it's god!

bbjbepzz 2013-01-25

打赏
举报

JS目前实现不了这个功能

jsgysyd 2013-01-24

打赏
举报

对我们来说 JS实现这个功能只是一个梦

去圣西罗-为尤文喝彩 2013-01-24

打赏
举报

这不是浏览器端可以实现的功能，应该在服务器端完成。可以参考一下下面的文章： http://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-screenshots

未知数 2013-01-24

打赏
举报

js无法实现出于安全性，浏览器该不会给js在界面上截图的权限...... 标准里面也没有这个功能不知道有没有Activex可以做这个，没了解过

一、ThinkPHP3.2仿京东实战电子商城开发项目第一天 1.项目说明 2.时间插件、XSS过滤、在线编辑器使用 3.商品的删除 4.商品的修改完成-一张表的操作全部完成 5.tp中使用AJAX提交表单 6.把模板套到项目中 7. 管理员的登录第二天 1.锁机制 2.时间插件、XSS过滤、在线编辑器使用 3.商品的删除 4.商品的修改完成-一张表的操作全部完成 5.tp中使用AJAX提交表单 6.把模板套到项目中 7. 管理员的登录第三天 1.模板布局 2.图片上传函数、代码生成器使用 3.代码生成器的使用 4.RBAC建表和生成基本的代码 5.RBAC-完成添加角色和权限的功能-1 5.RBAC-完成添加角色和权限的功能-2 6.选择权限时JS的智能选择 7.角色完成第四天 1.管理员管理 2.RBAC-权限的验证-完成 3.商品模块需求分析 4.商品模块表结构设计 5.类型管理第五天 1.商品表的设计 2.商品模块-添加商品的表单制作-1 3.商品模块-添加商品的表单制作-2 4.商品模块-处理添加商品的表单-1 5.商品模块-处理添加商品的表单-完成第六天 1.商品修改表单的制作-1 2.商品修改表单的制作-2 3.处理商品修改的表单-1 4.处理商品修改的表单完成 5.商品删除-回收站-还原第七天 1.商品模块表结构设计 2.商品库存表单的制作 3.库存量的添加处理 4.库存量的修改完成 5.趣味题：打印矩阵-苹果篮子-字符串截取 6.前台网站优化思路 7.前台公共模板的制作第八天 1.首页-分类树数据的获取 2.商品推荐数据的获取-疯狂抢购 3.首页添加缓存功能 4.会员注册 5.会员验证与登录 6.登录的验证第九天 1.商品详情页-1 2.商品详情页的缓存 3.会员价格 4.最近浏览 5.最近浏览0完成 6.商品评论-判断登录状态并实现登录之后的跳转第十天 1.ajax发表评论 2.ajax获取加载评论 3.评论的优化 4.加入购物车 5.购物车列表 6.购物车的修改 7.AJAX跨域-jsonp 第十一天 1.下定单-1 2.下定单-2 3.只能购买在购物车中勾选的商品 4.支付宝支付-1-制作去支付宝的按钮 5.支付宝集成-2-完成 6.网站上线并在QQ互联中创建一个APP 7.QQ登录集成完成第十二天 1.后台分类筛选属性的添加 2.后台分类筛选属性修改完成 3.搜索页面中获取搜索的分类下的筛选属性 4.搜索页面价格与属性的获取完成 5.获取商品销量和评论数并根据价格和分类搜索商品 6.商品的排序 7.商品属性的搜索附件：课程全部资料（课件+源码）模板二、ThinkPHP3.2框架加强 ThinkPHP基础加强 01-搭建应用 02-前台页面搭建 03-后台页面搭建 04-布局设置 05-验证码制作并显示 06-验证码校验 07-验证用户名 08-后台管理员登录系统实现 09-附件上传(商品的添加和展示) 10-附件上传逻辑 11-制作缩略图 12-自定义工具类实现分页效果 13-前台用户注册效果 14-表单验证和自动完成 15-redis案例存储-最新登录的前5个用户 ThinkPHP RBAC讲解 01-RBAC-介绍(已加密) 02-RBAC-数据模拟 03-RBAC-不同用户登录系统显示对应权限 04-RBAC-给admin开放绝对权限 05-RBAC-分配权限表单展示 06-RBAC-角色分配权限-收集表单信息 07-RBAC-显示默认拥有的权限 08-RBAC-权限列表展示 09-RBAC-添加权限实现 10-RBAC-访问权限控制 11-RBAC-禁止未登陆用户访问系统 12-RBAC-tp框架使用jquery

最近碰到一个需求，要求获取在线视频文件的第一帧画面作为视频的封面图片，项目中使用的是 xgplayer 播放器，封面 poster 要求传封面的 url。思路：用 canvas 绘出画面 - 转成 base64 - base64 转成 File - 获取 File 的本地预览地址获取 base64 格式的封面这里 video 元素需添加 autoplay 属性，否则在一些浏览器上获取到的画面是黑的。还有就是先把 video 元素添加到 body 标签再移除，有时候会碰到视频在后台播放，用户根本没有可

JavaScript jQuery 项目实战系列教程能掌握JS和Jquery的基本技能，能完成基本的网页特效！

vue项目获取网络视频/图片九宫格列表展示并预览组件组件全部实现过程就不讲了，主要说其中遇到的一些小问题问题1：将获取尺寸不一的图片/视频在方格内展示由于无法确定图片的尺寸大小，就决定使用js来控制样式（不拉伸图片，截取方格位置）思路：将图片相对于盒子上下左右居中显示，方法很多，选一个自己中意的就好了。js获取图片视频尺寸，若宽比高长，就以设置高为100%，反之就设置宽为100%，自动溢出...

我的思路是监听视频播放进度，如果播放完毕再开启swiper的自动轮播，因为我的需求是只有第一个swiper才是视频，后边的都是图片，那就需要轮播到第一个swiper的时候停止自动轮播，继续等待视频播放完毕再次开始自动轮播。// 如果当前播放时长小于总时长并且大于总时长秒数就开始自动轮播，这里之所以这么判断是因为duration 和currentTime 的小数位并不能保证完全一致，所以就根据当前播放时长的整数秒是否大于总时长的整数秒。// 判断当前swiper索引，如果是第一个就停止自动轮播。

JavaScript

87,904

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章