html视频avi代码,130 行代码模仿火爆抖音的“蚂蚁呀嘿”特效，你学会了吗？

【CSDN 编者按】最近很火的AI换脸来啦，本文具体操作步骤已献上，快来get一下吧。

作者 | 峰华

出品 | CSDN(ID：CSDNnews)

过去一年，线上视频会议软件异军突起，成为了在家办公的主要沟通渠道。而最近抖音中能够让照片张嘴唱歌的“蚂蚁呀嘿”特效也突然火了起来，那我就想了想能不能在视频会议的时候换张脸活跃下气氛？

在 GitHub 上一番搜寻之后发现还真有办法，有一个开源的 Python 人工智能换脸的库，那正好趁着这个机会研究一下前端 WebRTC 实现视频通话功能，外加换脸操作。

先看一下效果吧：

因为有涉及到一点点的后台，所以项目分成了两部分，一个是用于存放前端代码的 frontend 项目，另一部分是存放后端代码的 backend 项目：

项目根目录|-- backend|-- frontend

另外这个视频需要电脑上有摄像头，没有的话可以想办法把手机当作电脑的摄像头。

注意：本教程中的代码仅供展示 AI 换脸技术的应用，不可以用于获取其他人隐私或其他任何非法目的。

因为是前端实现，首先肯定是编写页面。这个页面比较简单，就是一个视频组件、显示用户 ID 的文本、呼叫对方视频的输入框和按钮，视频组件默认显示自己的视频，当视频接通之后就会显示对方的视频，而自己的视频会缩小到右上角。

HTML

在 frontend 目录下新建 index.html、style.css 和 index.js 文件。首先看一下 HTML 结构，index.html 中主要的代码如下：

head>

video>video>div>

p>

视频通话button>div>div>main>