我需要在页面上显示多个代表视频的项目。嵌入视频播放器(即使只是几个)会给用户的 CPU 带来大量负载(您可以听到计算机风扇立即旋转到最大速度)。我的想法是生成动画 GIF 来表示视频剪辑,以缓解这种情况。这似乎对 CPU 造成了负载,但并没有那么大。看起来,一旦 GIF 加载完毕,CPU 负载就不再是问题了。
我只是通过在页面上放置大约 15 个 GIF、在 MacBook Air 上的 Chrome 中加载它并观看 Activity Monitor 来对此进行测试。
http://yawmp.com/temp/anigif_test.php
我的逻辑是否合理:动画 GIF 需要的 CPU 资源比嵌入式视频少得多?我应该担心内存问题吗?就用户的系统资源痛苦而言,采用这条路线有什么缺点吗?
最佳答案
如果动画 gif 中有几帧,浏览器只是循环浏览这些帧 - 这并不是什么大问题。如果您在页面上放置足够多的内存,内存问题就会成为问题。
但是,有很多的东西在移动、闪烁或需要引起注意。也许您可以在鼠标悬停时从静态预览图像切换到动画 gif,这样一次性执行的操作就会少一些。然后,如果他们感兴趣,他们可以点击并加载视频。
关于html - 用户浏览器中的动画 GIF 与 HTML5 视频性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21588221/