Recommandations d'apprentissage associées : bases de Java
, "Si un homme aime sa femme, il devrait faire toutes les tâches ménagères", puis il a voulu télécharger la vidéo et la partager avec son groupe sœur pour échanger 教育意义
expériences. 驭夫
Tout d'abord, jetez un œil à l'aperçu en ligne de l'outil de suppression de filigrane que j'ai créé : 47.93.6.5:8888/index
Analysons avec vous l'idée de créer cet outil de suppression de filigrane. Beaucoup de gens pensent inconsciemment qu'il s'agit d'une sorte d'algorithme génial lorsqu'ils entendent pour la première fois
. une illusion~去水印
J'ai trouvé un lien de partage pour une vidéo de Douyin. Après une petite analyse, il n'a pas été difficile de constater qu'il s'agissait d'un lien court traité. Ensuite, ce lien court redirigerait définitivement vers la véritable adresse de la vidéo
. .https://v.douyin.com/JSkuhE4/
URL
Entrez le lien court dans le navigateur et obtenez le suivant. D'après mon expérience, je juge que le dans URL
est très probablement l'identifiant unique de la vidéo, et le. L'ID unique est généralement utilisé pour obtenir les paramètres d'entrée de l'interface de détails, hehe ~ Il me semble avoir une idée. URL
https://www.iesdouyin.com/share/video/6820792802394262795/
6820792802394262795
Dépêchez-vous
Dafa a ouvert la console et a trouvé une telle interface parmi de nombreuses requêtes. Il utilisait en fait l'identifiant unique ci-dessus.https://www.iesdouyin.com/web/api/v2/aweme/iteminfo/?item_ids=6820792802394262795
F12
Ce qui est encore plus surprenant, c'est que les données renvoyées par l'interface soient si détaillées, y compris les informations sur l'auteur, l'adresse audio, l'adresse vidéo et le plan d'étage. Mais il n'y a pas de vidéo sans filigrane . URL
Je n'ai trouvé qu'une seule vidéo avec filigrane J'ai été un peu déçue. J'ai revu l'adresse et j'ai trouvé que
ressemble un peu au nom de mon projet. Est-ce le URL
filigrane ? L'abréviation de ? wm
https://aweme.snssdk.com/aweme/v1/playwm/?video_id=v0200f030000bqk54kg2saj3lso3oh20&ratio=720p&line=0
watermark
Voyant apparemment une lueur d'espoir, j'ai rapidement modifié et je l'ai réessayé dans le navigateur, et bien sûr, il n'y avait vraiment pas de filigrane.
https://aweme.snssdk.com/aweme/v1/play/?video_id=v0200f030000bqk54kg2saj3lso3oh20&ratio=720p&line=0
URL
C'est à ce moment-là que j'ai découvert DouyinC'est tellement simple et touchant, hahaha~去水印
Le processus de mise en œuvre ne comporte que trois étapes simples :
1. Filtrez le lien vidéo court de la zone de saisieURL
3. La vidéo 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>
还简单做了下移动端适配,样式看着还可以,但是功能使用起来有点差强人意,后边在做优化了。
很多东西就是这样,没认真研究之前总感觉深不可测,可一旦接触到技术的本质,又开始笑自己之前好蠢,懂与不懂有时就查那么一层窗户纸。
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!