流光溢彩效果的HTML5 - Web前端 - ITeye资讯

资讯频道 → Web前端

阅读更多

19顶
3踩

流光溢彩效果的HTML5

2010-03-12 12:34 by 副主编 zly06 评论(18) 有11839人浏览

HTML5 Chrome

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

分享到：

19
顶

3
踩

评论共 18 条请登录后发表评论

18 楼 longhua828 2011-02-28 22:32

:oops:

17 楼 TalkeR 2010-03-16 07:59

看不了,太卡了...

16 楼 licunph03d 2010-03-15 15:26

火狐3. 6没问题。X61 CPU 50%，不卡，当然是下完了的

15 楼 zhangdaiping 2010-03-15 11:14

大家注意观察，这个效果会有0.5秒左右的延迟；视觉感受不好

14 楼 zhangdaiping 2010-03-15 11:05

spytian 写道

我的IE8：
Your browser doesn’t support <video> tag

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

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

CPU占用率在70%多，确实很高；

13 楼 shinezhou 2010-03-15 10:34

...
在中国还有很长的路要走.

12 楼 spytian 2010-03-14 17:38

我的IE8：
Your browser doesn’t support <video> tag

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

11 楼 ltian 2010-03-14 12:35

也就是说不需要插件也可以看视频了。无他

10 楼 zhishuren 2010-03-14 12:34

如果不调整到合适的尺寸，会有严重的马赛克, 估计是没有硬件渲染导致的。

9 楼 Xsen 2010-03-13 19:12

很好，很强大

8 楼 qiaoqinqie 2010-03-13 15:01

火狐可以.........ie8 不行

7 楼 treblesoftware 2010-03-13 09:04

Video Tag

6 楼超级潜水艇 2010-03-13 08:09

HTML5
HTML5

超级潜水艇写道

HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5

超级潜水艇写道

HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5

超级潜水艇写道

HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5

超级潜水艇写道

HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5

5 楼超级潜水艇 2010-03-13 08:09

HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5

4 楼超级潜水艇 2010-03-13 08:08

HTML5
HTML5

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居然看不了...

发表评论

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

相关推荐

一个台式机电脑2400元配置清单

这是小弟一个朋友请问开的一个价位在2400元左右的电脑配置清单，小弟花了一些时间，通过对比中关村和其他地方的价位开的一个配置清单，开得不好请大家指点

用3500预算配置一台台式计算机,高配置台式电脑清单，做出最好的预算

导语:电脑是如今人们使用最多的电子设备之一，对于很多对电脑都有高端要求的人来说，电脑配置的要求都比较...下面小编就介绍几种高配置台式电脑清单。一、预算2500元左右CPU可以选择INTELI34160，价格在650元左右。...

组装台式计算机需要哪些配件,组装一台电脑需要哪些配件【详细列举】

电脑是我们生活中常见的电子产品，尤其是台式机是我们大家常用的工具。而对于电脑而言大部分朋友都是不陌生的，因为电脑在我们平时生活中是经常使用的。但是对于购买电脑的时候，很多朋友都会觉得商场的电脑总是不...

6000元台式电脑配置清单及价格表2023 6000元电脑配置清单推荐2023

内存玖合32GB(16G×2) DDR4 3200 1 ¥998。显卡蓝戟Arc A750 Photon 8G OC 1 ¥2699。内存玖合32GB(16G×2) DDR4 3200 1 ¥998。...组装电脑怎么搭配更合适这些点很重要。机箱长城KM-1W 1 ¥169。

计算机有哪些配件名称大全,台式机主机有哪些配件组成

台式机主机有哪些配件组成1、机箱(必备)机箱作为电脑配件中的一部分，就是主机的外壳，它起的主要作用是放置和固定各电脑配件，起到一个承托和保护作用，此外，电脑机箱具有电磁辐射的屏蔽的重要作用，现在的高配...

预算一万以内的机器学习台式机/主机配置推荐

对于喜欢机器学习的同学，拥有一台高性能的台式机，在进行网络训练的同时，还能流畅运行其它程序，学习工作娱乐三不误，无疑是一个迫切的需求。下面我们就介绍三套能够满足这个需求的配置。 1.预算5000左右屌丝...

5000的台式计算机,预算5000的台式组装机配置清单_预算5000的台式组装机配置

但是台式电脑不一样。5000元基本可以流畅运行市面上所有游戏，中高特效，1080p分辨率。接下来边肖会给大家推荐预算5000的桌面组装机配置列表。1.带显示器才6000出头Cpu: i5 10400f散射970风扇：酷极T400 90主板：MSI...

惠普品牌机P6000微型计算机,电脑型号惠普 HP Pavilion P6000 Series 台式电脑

电脑型号惠普 HP Pavilion P6000 Series 台式电脑 (扫描时间：2017年08月22日)操作系统Windows 7 旗舰版 64位 SP1 ( DirectX 11 )处理器英特尔 Pentium(奔腾) 双核 E5500 @ 2.80GHz主板富士康 2A8C ( 英特尔 4 ...

台式计算机一小时消耗的电能,台式机一小时耗电多少

一般地，电脑大约在250——400W之间。一台电脑每个月的耗电量：假如每小时为300W×一天开10小时×一个月30...对于普通台式电脑来说，各个部件的功率是〖CPU〗Sempron 2200+ 典型49.4W(Model10)~55.9W(Model8)，最大...

2500预算配一台顶级性价比办公电脑，日常无压力(单主机)

按2500元配一台电脑，可以配什么配置，单主机 CPU： CPU选择Intel Core i3 10100(盒装)，相对于企业来说盒装带质保期长较为合适。该CPU采用14nm的制作工艺4核心/8线程，睿频至高可达4.3GHz，3.6GHz主频，...

5000预算组装台式机配置清单

20220921

台式计算机怎么加一个硬盘,台式机加装一个机械硬盘图解但建议直接在windows下...

导读：聊到加装，我们很多人都知道，有朋友问台式机加装机械硬盘识别不了，当然了，还有人问一个台式电脑能装两个硬盘吗，这到底是咋回事？其实怎么在台式机加装硬盘呢，今天给大家说说台式机加装一个机械硬盘图解，...

台式计算机的电流是多少,电脑台式机一天耗电大概是多少

电脑台式机一天耗电台式电脑的耗电来自两个方面，一个是主机机箱的电源，一个是显示器的电源，你可以看看这两个电源分别是多少瓦的。一般来说，每1000瓦走一小时就是一度电。当然，不太可能这两个电源每时每刻都是...

台式计算机怎么加一个硬盘,台式电脑硬盘怎么多安装一个？电脑安装多加一块硬盘的方法...

那么台式电脑硬盘怎么多安装一个？这里看看具体方法步骤吧。具体方法如下:解决方法1:如果我们的主机没有安装光驱，在主板上面的两个IDE接口中，我们可以分别插上两个数据线连接旧硬盘和新硬盘。解决方法2:如果我们在...

一台台式计算机应该具有哪些设备,电脑硬件有哪些？组装一台电脑需要哪些配件详解...

组装电脑可以按照自己的预算和用途来搭配电脑硬件，用户可以个人自由的选择不同硬件、不同品牌，自由度更高、性价比更为出色。那么电脑硬件有哪些？下面装机之家分享一下组装一台电脑需要哪些配件详解，本文是电脑...

台式计算机用电量是多少,电脑一天耗电量是多少(含台式机和笔记本)?

电脑一天耗电量是多少(含台式机和笔记本)?老妈一见我离开电脑，就下命令关闭电脑，在她老人家看来，电脑是个费电的玩意儿，突然想到一个方法，给她算算电脑一天的耗电量，听明白之后，对我让电脑待机或者睡免，有了...

鄙人想配台台式，有1W左右预算（主要玩游戏），求给个配置？

一万预算，这个预算虽然已经很高了，但是以目前显卡的价格来说，还做不到全兼顾，所以我们在选择装机的时候还是有所侧重。另外，我所推荐的产品皆以“性价比”作为准绳，至于炫酷，外观，好看等都不在我的考虑范围之...

台式电脑的计算机界面,台式机怎么进bios界面台式电脑设置bios的方法

电脑出现故障想修复需要打开bios设置，或者自己装系统的话也需要进入bios设置，那么台式机怎么进bios界面？下面就将具体的设置步骤分享给大家。BIOS的定义:BIOS直译过来后中文名称就是"基本输入输出系统"。它是一组...

polylearn-0.1.dev0-cp35-cp35m-win32.whl.rar

python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装第一步下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别第二步使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件，这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。为什么会用到whl文件来安装python库文件呢？在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包，大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。

Global site tag (gtag.js) - Google Analytics