手写一个抖音视频去水印工具，千万别刚一个程序员

说一下我为什么要做个抖音视频去水印工具，其实是因为我的沙雕女友，她居然刚我~

有天晚上她在抖音看见一个非常具有 的视频，“男人疼媳妇就该承包全部家务活”，然后它就想把视频下载下来，分享到她的姐妹群交流 心得。

可是大家都知道抖音下载的视频是带水印，作为一个重度强迫症选手这是不被允许的，没办法那就找找有没有去水印工具吧，找了一圈要不就是收费，要么下载不下来，主上脸上的笑容也在逐渐消失。

我在边上调侃了一句：也没多难，要不我给你做一个！“你行吗？” 然后投来了一个不屑的眼神。

哎呀！本来就开个玩笑，居然说我不行，这就不能忍了，我得证明给你看看！男人嘛，就受不了这话

先看下我做的去水印工具线上预览效果： 47.93.6.5:8888/index

下边和大家一起分析下做这个去水印工具的思路，很多人乍一听 ，下意识的觉得是一种什么牛比的算法，其实这是一种假象~

虽说要争口气，可刚开始做的时候我也真是一脸懵逼，因为根本不知道该从哪入手，去水印什么原理啊？难不成我还要写个算法？

找了一个抖音视频的分享链接，一点点分析，不难发现这是个经过处理的短链接，那这个短链接一定会重定向到真实的视频地址 。

浏览器中输入短链接得到了下边这个 ，以我的经验判断中的 很有可能是视频的唯一ID，而唯一ID通常用来作为获取详情接口的入参，哎嘿~ 好像有点头绪了。

赶紧祭出 大法打开控制台，在众多请求中发现这么一个接口，它居然用到了上边的唯一ID。

更惊喜的是接口返回的数据那叫一个详细，作者信息、音频地址、视频地址、平面图都有。但唯独没有无水印的视频 。

只找到一个有水印的视频 ，有点小失落，我又看了看这个地址，发现 和我项目名有点像啊，不就是 水印的缩写吗？

好像又看到了一丝希望，我赶紧修改在浏览器中又试了一下，果然真的没水印了。

到这才发现抖音 简单的让人感动，哈哈哈~

既然原理都清晰了，剩下的就是一步一步实现功能了，原理看着挺简单的，但实现中还是遇到一点点小坑，浪费了不少时间。

实现过程只有简单的三步：

• 1、从输入框中过滤取出视频短连接
• 2、短连接传到后端解析出无水印的视频
• 3、视频 传递给前端预览、下载

后端并没有什么难度，一步一步按照上边分析的流程解析真实视频 就可以了。

注意 ：我们想得到的地址，都是当前短连接 经过重定向后的。而抖音有些链接是不支持浏览器访问的，所以要手动修改 属性模拟移动端访问才可以。

下边是完整的后端实现，可以看到代码量非常的少。

前端实现也比较简单，拿到后端解析出来的视频 预览播放、下载就OK了。

为快速实现我用了老古董，我这个年纪的人对它感情还是很深厚的， 框架用的 。源码后边会分享给大家，就不全贴出来了。

注意：我们在自己的网站中引用其它网站的资源，由于不在同一个域名下 不同，通常会遇到三方网站的防盗链拦截，所以要想正常访问三方资源，必须要隐藏请求的,页面中设置如下参数。

还简单做了下移动端适配，样式看着还可以，但是功能使用起来有点差强人意，后边在做优化了。

很多东西就是这样，没认真研究之前总感觉深不可测，可一旦接触到技术的本质，又开始笑自己之前好蠢，懂与不懂有时就查那么一层窗户纸。

好了今天就到这，本文源码在 本人公众号【程序员内点事】回复【源码】自取

整理了几百本各类技术电子书，送给小伙伴们。关注公号回复【666】自行领取。和一些小伙伴们建了一个技术交流群，一起探讨技术、分享技术资料，旨在共同学习进步，如果感兴趣就加入我们吧！

本作品采用《CC 协议》，转载必须注明作者和本文链接