cobalt - CSS 和 webGL 实现 360 视频的性能有何不同？

Question

从360视频的cobalt文档来看，cobalt是用CSS实现的，它没有用webGL来实现，那么CSS和webGL实现360视频的性能有什么区别呢？播放 360 视频时，平台对性能有影响吗？

Answer 1

众所周知，360 的 CSS 球形过滤器扩展在性能方面优于 WebGL 360。

CSS 实现有助于将 JavaScript 排除在渲染线程之外，并将浏览器中的 360 相关计算留在与渲染线程不同的线程上。

WebGL 需要 JavaScript 来渲染每一帧。在处理输入、XHR 请求等其他事情时，要保证 JavaScript 快速运行并不容易。这将带来跳帧。