扣像效果

原理

canvas1 从 video 读内容，画图；canvas2 画图前过滤黄色。

<video id="video" src="/pics/video.ogv" controls="true"></video>
<canvas id="c1" width="320" height="192" style="background:#ccc;"></canvas>
<canvas id="c2" width="320" height="192" style="background:url(/pics/girl.jpg)"></canvas>

查看 js 代码

来自

https://developer.mozilla.org/en-US/docs/HTML/Manipulating_video_using_canvas?redirectlocale=en-US&redirectslug=Manipulating_video_using_canvas