现在的位置: 首页HTML5 > 正文
流光溢彩效果的HTML5
关键词:HTML5 ┊ 来源: 原创收藏

http://chikuyonok.ru/ambilight/

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

看了下代码,依然是在一个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);
 

 

CPU在50%左右,那个Chrome内存占用在130MB到160MB之间徘徊

来自: est.im
本文由 jack 发布于 3025天 6小时 19分钟前,目前已有 3536 人浏览
欢迎大家转载分享,请注明来源及链接;商业媒体转载请获得授权,谢谢合作!
 

添加评论