效果很震撼!有电影院的感觉了。呵呵。

看了下代码,依然是 在一个canvas里嵌入<video>然后getImageData

点击这里查看效果

代码:

var canvas = document.createElement('canvas'), 

video = document.getElementsByTagName('video')[0],
ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, video.width, video.height);
var block_width = 50;
var pixels = ctx.getImageData(0, 0, block_width, canvas.height);
//http://www.cnblogs.com/roucheng/

最新文章

  1. 什么是web框架?
  2. centos7优化mysql5.6配置
  3. VMware安装RedHat Linux虚拟机图文详解
  4. google 访问
  5. Nginx安全配置
  6. delphi 设置超链接
  7. 基于反射实现自己主动化restful开发
  8. MySQL快捷键
  9. ASP.NET MVC 5 学习教程:修改视图和布局页
  10. Android面试题集锦 (转)
  11. 本地git部署web连接azure的git存储库
  12. 精进之路之lru
  13. Jenkins版本升级
  14. power shell 常用查询-查看操作系统信息
  15. 『PyTorch』第三弹重置_Variable对象
  16. Django认证系统实现的web页面
  17. Logitech K810 + Ubuntu
  18. 【带权并查集】Gym - 100923H - Por Costel and the Match
  19. 移动端bug和优化
  20. 属性文件读写测试 PropertiesFileTest

热门文章

  1. js数据类型判断和数组判断
  2. 仿iOS Segmented Control样式&quot;
  3. 软件包管理 之 RPM 基础 《RPM 的介绍和应用》
  4. 【原创】开源BI领袖-SpagoBI5.X最详细的中文版介绍
  5. A/B测试
  6. Objective-C学习备忘录:Clang编译器编译运行Objective-C代码
  7. 华为 HG8245C 光猫 修改无线用户数限制+hw_ctree.xml 文件解密
  8. SkipList 跳表
  9. Vbox如何修改虚拟机器的uuid
  10. [转]C# dataGridview 报“索引-1没有值”的解决办法