? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? In der Kolumne ?Java-Grundlagen“ erfahren Sie, wie Sie Wasserzeichen-Tools entfernen.

Verwandte Lernempfehlungen:

Java-GrundlagenJede Ursache muss ihre Wirkung haben

Lassen Sie mich Ihnen sagen, warum ich ein Douyin-Video-Wasserzeichen-Entfernungstool erstellen m?chte Sandskulpturen-Freundin. Sie hat mich tats?chlich gerade getroffen~Eines Abends sah sie ein sehr lehrreiches Video über Douyin, ?Ein Mann, der seine Frau liebt, sollte die ganze Hausarbeit machen“, und dann wollte sie es herunterladen das Video, das sie mit der Gruppe ihrer Schwestern geteilt hat, um Erfahrungen zum Thema Controlling Husband auszutauschen.

Aber jeder wei?, dass die von Douyin heruntergeladenen Videos mit einem Wasserzeichen versehen sind. Wenn das nicht m?glich ist, dann suchen Sie nach einem Tool zum Entfernen von Wasserzeichen Entweder kann es nicht heruntergeladen werden und das L?cheln auf dem Gesicht des Meisters verschwindet allm?hlich.

Ich habe nebenbei gescherzt: Es ist gar nicht so schwer, wie w?re es, wenn ich eins für dich mache! ?Geht es dir gut?“ Dann warf er einen ver?chtlichen Blick zu. 教育意義 的視頻，“男人疼媳婦就該承包全部家務活”，然后它就想把視頻下載下來，分享到她的姐妹群交流 馭夫 心得。

可是大家都知道抖音下載的視頻是帶水印，作為一個重度強迫癥選手這是不被允許的，沒辦法那就找找有沒有去水印工具吧，找了一圈要不就是收費，要么下載不下來，主上臉上的笑容也在逐漸消失。

我在邊上調侃了一句：也沒多難，要不我給你做一個！“你行嗎？” 然后投來了一個不屑的眼神。

哎呀！本來就開個玩笑，居然說我不行，這就不能忍了，我得證明給你看看！男人嘛，就受不了這話

先看下我做的去水印工具線上預覽效果： 47.93.6.5:8888/index

下邊和大家一起分析下做這個去水印工具的思路，很多人乍一聽 去水印 ，下意識的覺得是一種什么牛比的算法，其實這是一種假象~

刨根問底

雖說要爭口氣，可剛開始做的時候我也真是一臉懵逼，因為根本不知道該從哪入手，去水印什么原理??？難不成我還要寫個算法？

找了一個抖音視頻的分享鏈接，一點點分析，不難發(fā)現(xiàn)這是個經(jīng)過處理的短鏈接，那這個短鏈接一定會重定向到真實的視頻地址 URL 。

https://v.douyin.com/JSkuhE4/

瀏覽器中輸入短鏈接得到了下邊這個 URL ，以我的經(jīng)驗判斷URL中的 6820792802394262795 很有可能是視頻的唯一ID，而唯一ID通常用來作為獲取詳情接口的入?yún)?，哎嘿~ 好像有點頭緒了。

https://www.iesdouyin.com/share/video/6820792802394262795/

趕緊祭出 F12 大法打開控制臺，在眾多請求中發(fā)現(xiàn)這么一個接口，它居然用到了上邊的唯一ID。

https://www.iesdouyin.com/web/api/v2/aweme/iteminfo/?item_ids=6820792802394262795

更驚喜的是接口返回的數(shù)據(jù)那叫一個詳細，作者信息、音頻地址、視頻地址、平面圖都有。但唯獨沒有無水印的視頻 URL。

只找到一個有水印的視頻 URL，有點小失落，我又看了看這個地址，發(fā)現(xiàn) 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

到這才發(fā)現(xiàn)抖音去水印 簡單的讓人感動，哈哈哈~

身體力行

既然原理都清晰了，剩下的就是一步一步實現(xiàn)功能了，原理看著挺簡單的，但實現(xiàn)中還是遇到一點點小坑，浪費了不少時間。

實現(xiàn)過程只有簡單的三步：

• 1、從輸入框中過濾取出視頻短連接
• 2、短連接傳到后端解析出無水印的視頻 URL
• 3、視頻 URL傳遞給前端預覽、下載

后端并沒有什么難度，一步一步按照上邊分析的流程解析真實視頻 URL

????Ups! Es war nur ein Scherz, aber du hast tats?chlich gesagt, dass ich nicht gut bin. Das muss ich dir beweisen. M?nner, ich kann das nicht ertragen ??

?? Schauen Sie sich zun?chst den Online-Vorschaueffekt des Tools zum Entfernen von Wasserzeichen an, das ich erstellt habe: 47.93.6.5:8888/index??

?????? Lassen Sie uns die Idee dieser Wasserzeichenentfernung analysieren Viele Leute haben das gerade bemerkt. Als ich Wasserzeichenentfernung h?rte, dachte ich unbewusst, es sei eine Art gro?artiger Algorithmus ~ ????????Ich habe mir mehr gewünscht Informationen????Obwohl ich mit Ihnen streiten muss, war ich wirklich verwirrt, als ich damit anfing, weil ich nicht wusste, wo ich anfangen soll. Was ist das Prinzip der Wasserzeichenentfernung? Ist es m?glich, dass ich noch einen Algorithmus schreiben muss? ????Ich habe einen Freigabelink für ein Douyin-Video gefunden. Nach einer kleinen Analyse war es nicht schwer herauszufinden, dass es sich um einen verarbeiteten Kurzlink handelte. Dann würde dieser Kurzlink definitiv zur echten Videoadresse URLweiterleiten >. ??

/**
*?@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?"";
????}

?? Geben Sie den kurzen Link in den Browser ein und erhalten Sie die URL unten. Aufgrund meiner Erfahrung halte ich das für 6820792802394262795 in URL wahrscheinlich ein Video Die eindeutige ID, und die eindeutige ID wird normalerweise als Eingabeparameter der Schnittstelle zum Abrufen von Details verwendet. Hehe ~ Ich habe anscheinend einige Hinweise. ??

/**
?*?@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);
????}}

??????Beeilen Sie sich F12 Dafa ?ffnete die Konsole und fand unter vielen Anfragen eine solche Schnittstelle. Sie verwendete tats?chlich die obige eindeutige ID. ??

$.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);
????}})})

??
Was noch überraschender ist die Schnittstelle Rückkehr Die Daten werden detailliert aufgerufen, einschlie?lich Autoreninformationen, Audioadresse, Videoadresse und Grundriss. Aber es gibt kein Video ohne Wasserzeichen URL.

Nur eines mit Wasserzeichen gefunden Die URL des Videos war etwas entt?uschend. Ich schaute mir die Adresse noch einmal an und stellte fest, dass wm dem Namen meines Projekts ?hnelte. Es war nur watermark. Die Abkürzung für Wasserzeichen? ??<pre class="brush:php;toolbar:false">?&lt;!-- 解決訪問視頻url 請求403異常 --&gt; ?&lt;meta&gt;</pre>??<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/052/f753acc2c65475f5e8ea8e4bbd4e253f-5.png" class="lazy" alt=""><br>Es scheint, als g?be es noch einen anderen Hoffnungsschimmer, ich habe schnell die <code>URL ge?ndert und es noch einmal im Browser versucht, und tats?chlich war da wirklich kein Wasserzeichen. ??rrreee??
Das war's Ich habe festgestellt, dass die Wasserzeichenentfernung von Douyin so einfach und berührend ist, hahaha~????????üben Sie es selbst????Jetzt, da die Prinzipien klar sind, müssen Sie nur noch die Funktion Schritt für Schritt implementieren Scheint recht einfach zu sein, aber wir sind bei der Implementierung auf einige kleine Fallstricke gesto?en und haben viel Zeit verschwendet. ????Der Implementierungsprozess umfasst nur drei einfache Schritte: ??

• 1. Filtern Sie den kurzen Videolink aus dem Eingabefeld
• 2. übergeben Sie den kurzen Link an das Backend, um ihn zu analysieren das Video ohne WasserzeichenURL

3. Die Video-URL wird zur Vorschau und zum Download an das Frontend übergeben

??Das Backend ist nicht schwierig, folgen Sie Schritt für Schritt. Der oben analysierte Prozess reicht aus, um die echte Video-URL zu analysieren. ??

注意 ：我們想得到的地址URL，都是當前短連接URL 經(jīng)過重定向后的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?"";
????}

下邊是完整的后端實現(xiàn)，可以看到代碼量非常的少。

/**
?*?@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);
????}}

前端實現(xiàn)也比較簡單，拿到后端解析出來的視頻URL 預覽播放、下載就OK了。

為快速實現(xiàn)我用了老古董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);
????}})})

注意：我們在自己的網(wǎng)站中引用其它網(wǎng)站的資源URL，由于不在同一個域名下referrer 不同，通常會遇到三方網(wǎng)站的防盜鏈攔截，所以要想正常訪問三方資源，必須要隱藏請求的referrer,頁面中設置如下參數(shù)。

?<!-- 解決訪問視頻url 請求403異常 -->
?<meta>

還簡單做了下移動端適配，樣式看著還可以，但是功能使用起來有點差強人意，后邊在做優(yōu)化了。

總結

很多東西就是這樣，沒認真研究之前總感覺深不可測，可一旦接觸到技術的本質，又開始笑自己之前好蠢，懂與不懂有時就查那么一層窗戶紙。

Das obige ist der detaillierte Inhalt vonJava-Programmierer schreiben von Hand ein Tool zum Entfernen von Douyin-Video-Wasserzeichen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!