色彩校正MP4/Webm视频

Question

我有一个很大的视频，其特点是一些动画太复杂/太长，对于其他嵌入方法(gif，png序列等)。我们在视频中遇到了一个颜色的问题。本质上，我们将网页的背景作为视频的一部分，以防止在视频播放时出现任何边缘。我们正在尝试让视频上的渐变背景与网页上的渐变背景相匹配，但颜色相差甚远。

关于如何对MP4视频进行色彩校正，有什么建议吗？或者有什么HTML5安全的方法可以用alpha通道做视频？

Answer 1

不幸的是，每个流行的浏览器在HTML5视频中处理颜色的方式都不同，这使得获得一致的颜色变得困难。

H.264 (MP4)位流可以选择性地编码您正在使用的哪组原色、传输特性和矩阵系数；例如，可以使用ffmpeg -x264opts colorprim=bt709:transfer=bt709:colormatrix=smpte170m进行设置。至少在Mac OS X上，Safari和Quicktime会注意H.264视频中的这些位，并将颜色从指定的编码转换为显示器的颜色配置文件，从而产生漂亮和一致的颜色。然而，Chrome似乎忽略了这些位，并假设H.264和VP8视频都使用BT.709原色(即使是VP8 SD视频，VP8规范规定应该是BT.601)，尽管它会将其转换为显示器的颜色配置文件。另一方面，火狐似乎跳过了VP8视频元素的输出转换，只是假设你的显示器是sRGB的，所以不同颜色配置文件的显示器之间的颜色不一致，在宽色域显示器上可能会出现偏差。(我只在Mac上测试过；这两种浏览器在其他操作系统上的工作方式可能有所不同。)

对不起，我没有任何好的解决方案。也许可以通过manipulating the video in Javascript using a canvas解决这个问题，尽管这样的东西可能会有很差的性能。

Answer 2

对于任何感兴趣的人:当面临同样的情况时，我想到了一些技巧，比如:使用原始视频的背景颜色创建一个超小的视频(它们在任何浏览器中都会显示为相同的颜色)。例如，将其用作背景并将其大小调整为100%。