Прозрачное видео WebM, которое выглядело четким в браузере Chrome на ПК, демонстрирует неровные края в браузере Android Chrome. В частности, края мелких деталей, таких как мех животных, на смартфоне кажутся более темными, почти сероватыми. Видео было закодировано с помощью кодека VP9. Слева показано, как видео WebM выглядит на ПК, а справа — на смартфонах. Кто-нибудь знает решение этой проблемы?
Я пробовал увеличивать битрейт, чтобы улучшить качество видео, а также экспериментировал с изменением цветового пространства, но ничего не улучшилось. Подумав, что это может быть проблема с рендерингом в браузере, я отрегулировал яркость, насыщенность и другие свойства с помощью CSS, но неровные края остались серыми и не пострадали.
Я хочу иметь возможность воспроизводить прозрачные видео с четкими краями в мобильных браузерах. Поскольку файлы GIF и APNG имеют тенденцию становиться слишком большими по размеру, я предпочитаю не использовать их часто. Если кто-нибудь знает решение, поделитесь, пожалуйста.





Это произошло из-за ошибки Chrome Android, из-за которой альфа умножалась дважды.
https://issues.chromium.org/issues/349610465 - проблема исправлена в основной версии, но на момент написания статьи она не появилась в стабильной версии.
Огромное спасибо за объяснение причины. Я попытался создать видео с измененными значениями альфа, но это не сработало, возможно, потому, что устройство дважды применяло значение альфа. Я надеюсь, что ошибка будет исправлена в ближайшее время.