Performance 在页面中嵌入许多小电影（gif vs mp4 vs webm vs？）
我正在制作一个网页，其中将包含大约20-25个小分辨率（~56x56）和短长度（~3秒）的电影，这些电影将设置为自动播放和循环，因此它们将在页面上随时循环。它们大多分散在整个页面中，因此无法轻松合并到更大的电影中 我正试图决定使用正确的格式，平衡文件大小、质量和处理器开销 就质量和文件大小而言，mp4似乎是最好的选择，但是在页面上嵌入许多小型mp4让我觉得速度很慢，让我的电脑变得很热。尽管事实上，如果它们是一个mp4，它将只有300x240左右——如果它们分开，似乎会有很多CPU开销 gif的质量更低，文件更大，但CPU性能更流畅。但我无法证明这一点，因为我没有测量它——gif的性能是否比mp4好 我没有尝试过其他格式（webm、avi、ogg等），但我不确定大多数浏览器对所有这些格式的支持程度，我希望网页可以从多个浏览器/国家/地区查看Performance 在页面中嵌入许多小电影（gif vs mp4 vs webm vs？）,performance,video,ffmpeg,gif,animated-gif,Performance,Video,Ffmpeg,Gif,Animated Gif,我正在制作一个网页，其中将包含大约20-25个小分辨率（~56x56）和短长度（~3秒）的电影，这些电影将设置为自动播放和循环，因此它们将在页面上随时循环。它们大多分散在整个页面中，因此无法轻松合并到更大的电影中 我正试图决定使用正确的格式，平衡文件大小、质量和处理器开销 就质量和文件大小而言，mp4似乎是最好的选择，但是在页面上嵌入许多小型mp4让我觉得速度很慢，让我的电脑变得很热。尽管事实上，如果它们是一个mp4，它将只有300x240左右——如果它们分开，似乎会有很多CPU开销 gif的质
如何确定这些视频的最佳格式？有没有一个工具可以测量我的网页的CPU性能，这样我就可以量化性能问题 在一个页面上播放多个视频对大多数操作系统来说都是一个问题，因为视频解码和播放需要大量CPU 一些系统在视频播放“管道”（操作系统、浏览器和播放器为解包、解码、准备和显示视频而执行的一系列功能）中也会有硬件元素（硬件加速），这些元素可能不支持并行播放，或者容量有限 如果您事先知道要在页面上播放哪些视频，并且对于不同的用户没有太多不同的视频组合等，则此场景有一个相当常见的解决方法：将服务器端的视频组合成单个视频。这意味着用户仍然可以看到类似于多个视频的内容，但您正在服务器端完成所有繁重的工作 缺点是无法启动或停止单个视频或快速更改视频组合 如果您还计划支持移动浏览器，您应该知道大多数移动设备不支持自动播放（以帮助节省用户带宽），而较小的设备（如手机）通常不支持在线视频（视频将始终全屏播放）。[2017年2月更新：随着移动数据速率的提高，移动设备开始支持自动播放，大多数设备现在将支持在线播放，iOS将在iOS 10中添加此功能]