如今視頻號很是火熱,以前在作抖音和快手的人就直接把以前的視頻直接搬運過來了。可是從抖音app下載的視頻都是帶官方水印的?這個是怎麼去掉的? 哦,不對,他們應該都有保留原視頻的吧。可是還有不少人是直接搬運別人的視頻的,那他們是怎麼去水印的呢?前端
其實早就有不少現成的工具,如小程序、去水印app都能直接去水印,甚至還有收費的。程序員
趕忙研究研究,說不許咱也能搞一個比他們更好的工具出來。web
一頓操做猛如虎,各類抓包看數據,結果簡單的不得了,分分鐘內就能給一坨視頻去水印。ajax
其實這些去水印的工具都太誇張(忽悠)了,徹底不是真的去水印,小白都覺得是對視頻作了什麼牛逼的後處理,把水印幹掉了。小程序
實際上是直接下載的無水印的視頻而已。由於你在抖音和快手等app上,看到的視頻都是不帶官方水印,因此這個無水印視頻確定是存在的。segmentfault
下面就把本人破解的過程一一說下(以douyin爲例)。api
而後打開剛纔複製過來的地址,https://v.douyin.com/e1MMESR/ 。瀏覽器
咱們在app裏播放的看不到水印的,可是在瀏覽器打開就是有水印的。app
https://aweme.snssdk.com/aweme/v1/playwm/?video_id=v0300f760000c0fq7t5t1gvidv0rdtag&ratio=720p&line=0
上面這個地址和咱們在控制檯審查元素看到的video播放的是一個地址,可是都是帶水印的地址。ide
起碼是一個信息,先把這個地址記錄下來。
https://aweme.snssdk.com/aweme/v1/playwm/?video_id=v0300f760000c0fq7t5t1gvidv0rdtag&ratio=720p&line=0
拿到我的的視頻列表地址(進入我的中心點擊分享,有複製連接)https://v.douyin.com/e1MCMaT/。
這個就是接口返回的視頻列表數據,不過也就是前幾條,暫時還沒看怎麼拿到所有。
上面接口返回了視頻列表數據,這裏每條數據的信息更豐富,並且發現了無水印地址。
每個視頻都有4個播放地址,估計是cdn,用來分流的,其實這就是無水印的播放地址。
上面的地址看上去內容差異挺大,依次打開後發現前兩個都直接播放,後兩個都有302跳轉後播放。
再看下第三條地址,好像有點面熟
//第三條地址 https://aweme.snssdk.com/aweme/v1/play/?video_id=v0300f760000c0fq7t5t1gvidv0rdtag&line=0&ratio=720p&media_type=4&vr_type=0&improve_bitrate=0&is_play_url=1&source=PackSourceEnum_DOUYIN_REFLOW //上面保存的 https://aweme.snssdk.com/aweme/v1/playwm/?video_id=v0300f760000c0fq7t5t1gvidv0rdtag&ratio=720p&line=0
很明顯,地址同樣幾乎如出一轍,只是參數不一樣。
參數能夠忽略,就看地址差異在於/playwm/
和/play/
,差了個wm
。
到這裏,我們算是大功告成了,去掉wm
的就是無水印播放地址。wm
是個啥?就是水印的英文簡寫watermark
。
直接打開播放,在播放的視頻上右鍵保存,完事兒。
本人後面也作不少測試,以上路子ok。
快手的就更簡單了,徹底沒有隱藏,直接瀏覽器打開就是無水印的視頻。明顯抖音多作了一些。
如今咱們兩步就能夠下載到無水印視頻了,但都是手動下載。因此咱們要作成工具,直接輸入視頻地址就能夠一鍵下載。
如何實現?手動下載很容易,但若是搞成自動的,就沒那麼順利,由於平臺早就意識到這個問題,也是作了防護的了。
下面有兩個方案,最終的目標都是拿到視頻的播放地址,而後下載視頻。
走平臺的api接口,拿到播放地址。不過極可能會遇到坑,平臺應該早就對這種操做有方案,會被拒。
這個應該更簡單,更有效,使用無頭瀏覽器來拿到視頻的地址。
代碼還麼有寫完整,只寫了一個下視頻和拿到api請求地址。
//下載視頻 const path = require('path') const fs = require('fs') const request = require('request') /** * 下載視頻 */ function downVideo(url) { var fileName = `${+new Date()}.mp4` var fullPath = path.resolve('./videos/' + fileName); console.log('開始下載視頻:', fileName); request(encodeURI(url)).on('error', function (err) { console.log(error) }).pipe(fs.createWriteStream(fullPath)).on('finish', () => { console.log('視頻下載成功'); }) } const url = 'http://v6-z.douyinvod.com/719423c89357069fffd503a6698436f9/60342b2c/video/tos/cn/tos-cn-ve-15/56505c3774bd46de98d6a49e2315e292/?a=1128&br=4996&bt=1249&cd=0%7C0%7C0&ch=0&cr=0&cs=0&cv=1&dr=0&ds=3&er=&l=2021022300074001020410813542130635&lr=&mime_type=video_mp4&pl=0&qs=0&rc=and1eWxqd3d0MzMzOWkzM0ApZTw2NWhoZGRpNzs7ZTc4OWcpaGRqbGRoaGRmXmEtYXMuMjRjYC0tNC0wc3MzLjY1XzMxNjE2Ly4xMDFhOmNwb2wrbStqdDo%3D&vl=&vr=' downVideo(url)
//獲取api地址 function getApiUrl(url){ //前端傳過來的地址 進行重定向拿到 item_ids 而且返回 return new Promise(resolve => { request(url, (error, response) => { if (!error && response.statusCode == 200) { let href = response.request.href; let id = ''; id = href.match(/video\/(\S*)\/\?region/)[1]; resolve(`https://www.iesdouyin.com/web/api/v2/aweme/iteminfo/?item_ids=${id}`); } else { resolve(false) } }) }); } getApiUrl('xxx').then(api=>{ //xxx })
後面會把代碼補全,寫一個完整的"去水印"工具,掛到我本身的站上。
整個過程沒什麼難度,不過挺好玩。並且發現了不少有意思的東西,就上面那個視頻列表內的信息不少不少,還能夠挖掘一下。
市面上不少去水印工具,支持列表批量讀取,這個怎麼搞的,目前還沒研究,知道的小夥伴能夠留個言。
別看這件事兒對於程序員來講顯得賊簡單,可是不知道的人更多,你懂得。
接下來我要去搬運視頻啦!!!
即時獲取更多原創文章,請關注公衆號『前端技術江湖』