Android Chrome 浏览器上 WebM 视频的透明度问题

Question

透明的 WebM 视频在 PC 上的 Chrome 浏览器上显示清晰，但在 Android Chrome 浏览器上显示锯齿状边缘。具体来说，动物毛皮等精细细节的边缘在智能手机上显得更暗，几乎呈灰色。该视频使用 VP9 编解码器进行编码。左侧显示 WebM 视频在 PC 上的显示效果，右侧显示其在智能手机上的显示效果。有谁知道这个问题的解决办法吗？

我尝试提高比特率来提高视频质量，还尝试更改色彩空间，但根本没有改善。我认为这可能是浏览器渲染问题，因此使用 CSS 调整了亮度、饱和度和其他属性，但锯齿状边缘仍然呈灰色且不受影响。

我希望能够在移动浏览器上播放边缘清晰的透明视频。由于 GIF 和 APNG 的尺寸往往会变得太大，因此我不喜欢过多使用它们。如果有人知道解决方案，请分享。

Answer 1

这是由于 Chrome Android 错误造成的，其中 alpha 被预乘两次。

https://issues.chromium.org/issues/349610465 - 该问题已在 main 中得到修复，但在撰写本文时尚未稳定。