2014-02-05 80 views
2

我需要在页面上显示多个项目来表示视频。嵌入视频播放器(即使只是一对)会在用户的CPU上产生大量的负载(您可以听到电脑风扇立即旋转到最大速度)。我想减轻这个问题的方法是生成动画GIF来表示视频剪辑。这似乎会导致CPU的负载,但几乎没有那么好。看来,一旦GIF完成加载,CPU负载就不是问题了。动画GIF与用户浏览器中的HTML5视频性能

我只通过在页面上放置大约15个GIF,在我的MacBook Air上将它加载到Chrome中并观看活动监视器来进行测试。

http://yawmp.com/temp/anigif_test.php

是我的逻辑的声音,动画GIF需要比嵌入视频的CPU资源要少得多?有我应该关注的记忆问题吗?对于我的用户来说,在系统资源痛苦方面走这条路线有什么缺点吗?

+0

谷歌社区已经用上传的视频文件做到了这一点。占位符是来自剪辑的样本的动画GIF。 –

回答

4

如果动画gif中有几帧,浏览器只是循环浏览这些帧 - 这不是特别重要。内存问题将成为一个问题,如果你把他们足够的一页。

但是,这是一个很多东西移动,闪烁,否则需要注意。也许你可以从一个静态的预览图像切换到鼠标移动的动画gif,所以一下子就少了一点。如果它感兴趣,他们可以点击并加载视频。

+0

我也许会使用这个,但使用对话窗口来显示视频。另一个类似的选择是只有在页面上完整显示的GIF动画,[就像Tumblr一样](http://www.tumblr.com/search/gif) –

相关问题