HTML5 知识库

流光溢彩效果的HTML5

   阅读:434次   评论:15条   更新时间:2010-03-12    

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之间徘徊

评论 共 15 条 请登录后发表评论
15 楼 longhua828 2011-02-28 22:32
  :oops:
14 楼 TalkeR 2010-03-16 07:59
看不了,太卡了...
13 楼 licunph03d 2010-03-15 15:26
火狐3. 6没问题。X61 CPU 50%,不卡,当然是下完了的
12 楼 zhangdaiping 2010-03-15 11:14
大家注意观察,这个效果会有0.5秒左右的延迟;视觉感受不好
11 楼 zhangdaiping 2010-03-15 11:05
spytian 写道
我的IE8:
Your browser doesn’t support <video> tag

我的chrome可以放,但是卡的要命,CPU直接占了我一个,

我这也卡,但卡是因为网络下载问题,视频下载完了,就不卡了;

CPU占用率在70%多,确实很高;
10 楼 shinezhou 2010-03-15 10:34
...
在中国还有很长的路要走.


9 楼 spytian 2010-03-14 17:38
我的IE8:
Your browser doesn’t support <video> tag

我的chrome可以放,但是卡的要命,CPU直接占了我一个,
8 楼 ltian 2010-03-14 12:35
也就是说不需要插件也可以看视频了。无他
7 楼 zhishuren 2010-03-14 12:34
如果不调整到合适的尺寸,会有严重的马赛克, 估计是没有硬件渲染导致的。
6 楼 Xsen 2010-03-13 19:12
很好,很强大
5 楼 qiaoqinqie 2010-03-13 15:01
火狐可以.........ie8 不行
4 楼 treblesoftware 2010-03-13 09:04
Video Tag
3 楼 huansinho 2010-03-12 15:38
卡到不行啦~~~
2 楼 phenom 2010-03-12 13:05
Opera可以看,失误.内存150-180开了四个Tab.CPU在40-50间(比较弱的CPU)
1 楼 phenom 2010-03-12 13:03
最近这么多HTML5相关的东西啊.不过IE6还有一大堆用户,IE7一大堆,IE8一大.堆, .............剩下有多少支持它的呢?都说Html5还有很长一段时间要走,那到了国内,更是可怜.
Opera10.50居然看不了...

发表评论

您还没有登录,请您登录后再发表评论

Global site tag (gtag.js) - Google Analytics