#
相關學習推薦：java基礎
有一天晚上她在抖音看見一個非常具有
教育意義
的視頻，“男人疼媳婦就該承包全部家務活”，然後它就想把視頻下載下來，分享到她的姐妹群交流
駕馭夫
心得。 
可是大家都知道抖音下載的影片是帶浮水印，身為一個重度強迫症選手這是不被允許的，沒辦法那就找找有沒有去水印工具吧，找了一圈要不就是收費，要嘛下載不下來，主上臉上的笑容也逐漸消失。
我在邊上調侃了一句：也沒多難，要不要我幫你做一個！ 「你行嗎？」 然後投來了一個不屑的眼神。
哎呀！本來就開個玩笑，居然說我不行，這就不能忍了，我得證明給你看看！男人嘛，就受不了這話
先看下我做的去水印工具線上預覽效果： 47.93.6.5:8888/index
#下邊和大家一起分析下做這個去水印工具的思路，很多人乍一聽
去水印
，下意識的覺得是一種牛比的算法，其實這是一種假象~
雖說要爭口氣，可剛開始做的時候我也真是一臉懵逼，因為根本不知道該從哪入手，去水印什麼原理啊？難不成我還要寫演算法？ URL 。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">https://v.douyin.com/JSkuhE4/</pre><div class="contentsignin">登入後複製</div></div>瀏覽器中輸入短連結得到了下邊這個
URL
，以我的經驗判斷
URL
中的
6820792802394262795 很有可能是影片的唯一ID，而唯一ID通常用來作為取得詳情介面的入參，哎嘿~ 好像有點頭緒了。
https://www.iesdouyin.com/share/video/6820792802394262795/
登入後複製
趕緊祭出 F12 大法打開控制台，在眾多請求中發現這麼一個接口，它居然用到了上邊的唯一ID。
https://www.iesdouyin.com/web/api/v2/aweme/iteminfo/?item_ids=6820792802394262795
登入後複製
更驚訝的是介面回傳的資料那叫做一個詳細，作者資訊、音訊位址、視訊位址、平面圖都有。但唯獨沒有無浮水印的影片 URL
。 只找到一個有浮水印的影片URL
，有點小失落，我又看了看這個地址，發現
wm
和我專案名稱有點像啊，不就是watermark 水印的縮寫嗎？
https://aweme.snssdk.com/aweme/v1/playwm/?video_id=v0200f030000bqk54kg2saj3lso3oh20&ratio=720p&line=0
登入後複製
好像又看到了一絲希望，我趕緊修改URL在瀏覽器中又試了一下，果然真的沒水印了。
https://aweme.snssdk.com/aweme/v1/play/?video_id=v0200f030000bqk54kg2saj3lso3oh20&ratio=720p&line=0
登入後複製
到這才發現抖音
去水印
簡單的讓人感動，哈哈哈~
身體力行- 既然原理都清晰了，剩下的就是一步一步實現功能了，原理看著挺簡單的，但實現中還是遇到一點點小坑，浪費了不少時間。
實作過程只有簡單的三步驟：- 1、從輸入框中過濾取出視訊短連接
URL
3、影片URL
傳遞給前端預覽、下載#########後端並沒有什麼難度，一步一步按照上邊分析的流程解析真實影片###URL### 就可以了。 ###
注意 ：我们想得到的地址URL，都是当前短连接URL 经过重定向后的URL。而抖音有些链接是不支持浏览器访问的，所以要手动修改 User-agent 属性模拟移动端访问才可以。
/**
* @param url
* @author xiaofu
* @description 获取当前链接重定向后的url
* @date 2020/9/15 12:43
*/public static String getLocation(String url) {
try {
URL serverUrl = new URL(url);
HttpURLConnection conn = (HttpURLConnection) serverUrl.openConnection();
conn.setRequestMethod("GET");
conn.setInstanceFollowRedirects(false);
conn.setRequestProperty("User-agent", "ua");//模拟手机连接
conn.connect();
String location = conn.getHeaderField("Location");
return location;
} catch (Exception e) {
e.printStackTrace();
}
return "";
}登入後複製
下边是完整的后端实现，可以看到代码量非常的少。
/**
* @author xiaofu-公众号：程序员内点事
* @description 抖音无水印视频下载
* @date 2020/9/15 18:44
*/@Slf4j
@Controllerpublic class DYController {
public static String DOU_YIN_BASE_URL = "https://www.iesdouyin.com/web/api/v2/aweme/iteminfo/?item_ids=";
/**
* @param url
* @author xiaofu
* @description 解析抖音无水印视频
* @date 2020/9/15 12:43
*/
@RequestMapping("/parseVideoUrl")
@ResponseBody public String parseVideoUrl(@RequestBody String url) throws Exception {
DYDto dyDto = new DYDto();
try {
url = URLDecoder.decode(url).replace("url=", "");
/**
* 1、短连接重定向后的 URL
*/
String redirectUrl = CommonUtils.getLocation(url);
/**
* 2、拿到视频对应的 ItemId
*/
String videoUrl = "";
String musicUrl = "";
String videoPic = "";
String desc = "";
if (!StringUtils.isEmpty(redirectUrl)) {
/**
* 3、用 ItemId 拿视频的详细信息，包括无水印视频url
*/
String itemId = CommonUtils.matchNo(redirectUrl);
StringBuilder sb = new StringBuilder();
sb.append(DOU_YIN_BASE_URL).append(itemId);
String videoResult = CommonUtils.httpGet(sb.toString());
DYResult dyResult = JSON.parseObject(videoResult, DYResult.class);
/**
* 4、无水印视频 url
*/
videoUrl = dyResult.getItem_list().get(0)
.getVideo().getPlay_addr().getUrl_list().get(0)
.replace("playwm", "play");
String videoRedirectUrl = CommonUtils.getLocation(videoUrl);
dyDto.setVideoUrl(videoRedirectUrl);
/**
* 5、音频 url
*/
musicUrl = dyResult.getItem_list().get(0).getMusic().getPlay_url().getUri();
dyDto.setMusicUrl(musicUrl);
/**
* 6、封面
*/
videoPic = dyResult.getItem_list().get(0).getVideo().getDynamic_cover().getUrl_list().get(0);
dyDto.setVideoPic(videoPic);
/**
* 7、视频文案
*/
desc = dyResult.getItem_list().get(0).getDesc();
dyDto.setDesc(desc);
}
} catch (Exception e) {
log.error("去水印异常 {}", e);
}
return JSON.toJSONString(dyDto);
}}登入後複製
前端实现也比较简单，拿到后端解析出来的视频URL 预览播放、下载就OK了。
为快速实现我用了老古董JQuery，我这个年纪的人对它感情还是很深厚的，UI 框架用的 layer.js。源码后边会分享给大家，就不全贴出来了。
$.ajax({
url: '/parseVideoUrl',
type: 'POST',
data: {"url": link},
success: function (data) {
$('.qsy-submit').attr('disabled', false);
try {
var rows = JSON.parse(data);
layer.close(index);
layer.open({
type: 1,
title: false,
closeBtn: 1,
shadeClose: true,
skin: 'yourclass',
content: `<p></p><p></p><p><a><button>下载视频</button></a></p><p><textarea>${rows['videoUrl']}</textarea><button>复制链接</button></p><p><a><button>下载音频</button></a></p><video><source> </source></video>`
//content: `<video><source> </source></video>`
});
} catch (error) {
layer.alert('错误信息:' + error, {
title: '异常',
skin: 'layui-layer-lan',
closeBtn: 0,
anim: 4 //动画类型
});
return false;
}
},
error: function (err) {
console.log(err);
layer.close(index);
$('.qsy-submit').attr('disabled', false);
},
done: function () {
layer.close(index);
}})})登入後複製
注意：我们在自己的网站中引用其它网站的资源URL，由于不在同一个域名下referrer 不同，通常会遇到三方网站的防盗链拦截，所以要想正常访问三方资源，必须要隐藏请求的referrer,页面中设置如下参数。
<!-- 解决访问视频url 请求403异常 -->
<meta>
登入後複製
还简单做了下移动端适配，样式看着还可以，但是功能使用起来有点差强人意，后边在做优化了。
总结
很多东西就是这样，没认真研究之前总感觉深不可测，可一旦接触到技术的本质，又开始笑自己之前好蠢，懂与不懂有时就查那么一层窗户纸。
以上是java程式設計師手寫一個抖音影片去浮水印工具的詳細內容。更多資訊請關注PHP中文網其他相關文章！
