<div class="Layout-main"><h2 id="problem"><a aria-hidden="true" tabindex="-1" href="#problem"><span class="icon icon-link"></span></a>Problem</h2>
<p>When capture video frame to canvas, the color is different. But I can't find the reason. Maybe YCbCr to RGB will bring some difference.</p>
<h2 id="comparison"><a aria-hidden="true" tabindex="-1" href="#comparison"><span class="icon icon-link"></span></a>Comparison</h2>
<iframe width="100%" height="500px" src="/blogs/demo/video-frame-capture-color-different/video-capture-compare.html" style="border: 1px solid gray"></iframe>
<h2 id="test-commands"><a aria-hidden="true" tabindex="-1" href="#test-commands"><span class="icon icon-link"></span></a>Test commands</h2>
<div class="highlight highlight-bash"><div class="highlight-header"><div class="highlight-language">bash</div></div><pre><code tabindex="0"><span class="line">ffprobe -show_streams xxx.mp4</span>
</code></pre></div>
<p>Will get something like this:</p>
<div class="highlight highlight-txt"><div class="highlight-header"><div class="highlight-language">txt</div></div><pre><code tabindex="0"><span class="line"><span class="line-number" aria-hidden="true">1</span>pix_fmt=yuv420p</span>
<span class="line"><span class="line-number" aria-hidden="true">2</span>color_space=bt709</span>
</code></pre></div>
<h2 id="see"><a aria-hidden="true" tabindex="-1" href="#see"><span class="icon icon-link"></span></a>See</h2>
<ul>
<li><a href="https://blog.maxofs2d.net/post/148346073513/bt601-vs-bt709">Maxime Lebled's blog: BT.601 vs BT.709</a></li>
<li><a href="https://stackoverflow.com/questions/35214962/html5-video-background-color-not-matching-background-color-of-website-in-some">css - HTML5 video background color not matching background color of website -- in some browsers, sometimes - Stack Overflow</a></li>
</ul></div><nav class="Layout-sidebar"><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#problem">Problem</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#comparison">Comparison</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#test-commands">Test commands</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#see">See</a></li></ol></nav>

zjffun blog

Video frame capture color different

Problem

Comparison

Test commands

See