使用canvas画出视频效果

前言#

偶然看到一个动效实现网站，发现了一个有趣的效果，把视频转成黑白的字符，在页面上播放。看了看源码很有意思，把代码扔给 chatgpt，原理和实现细节解释的一清二楚。不知道未来新的爆发点是什么，暂时先沿着目前的道路提升自己吧。

其实就是通过 video 标签来播放视频，但是不展示 video 的内容，通过 canvas 的 drawImage 接口，将 video 解析出来的数据吃进去，然后将每个像素点做一个平均化出来，将那个位置展示成一个字符。