抖音作者详情页视频下载脚本

最新推荐文章于 2025-01-22 23:23:16 发布

iimo

最新推荐文章于 2025-01-22 23:23:16 发布

阅读量719

点赞数 9

文章标签： js

本文链接：https://blog.csdn.net/qq_41569151/article/details/135545058

版权

本文介绍了一种方法，通过在作者页面中注入JavaScript代码，实现鼠标悬停在视频上并按下D键时自动下载视频。开发者展示了如何监听`mouseenter`和`keydown`事件，以及如何使用`XMLHttpRequest`获取视频源并进行下载操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打开作者页，控制台将代码注入后，hover到想下载的视频上按 d 即可下载

  // 获取作者的视频列表
  var liElements = document.querySelectorAll('ul[data-e2e="scroll-list"] li');

  // 添加鼠标悬停事件监听器
  liElements.forEach(function(li) {
    li.addEventListener('mouseenter', function() {
      // 添加键盘按下事件监听器
      document.addEventListener('keydown', keydownHandler);
    });

    li.addEventListener('mouseleave', function() {
      // 移除键盘按下事件监听器
      document.removeEventListener('keydown', keydownHandler);
    });
  });

  // 处理键盘按下事件
  function keydownHandler(event) {
    // 判断按下的键是否为 'D' 键，keyCode为 '68'
    if (event.keyCode === 68) {
      // 获取下载链接
      var sourceTag = event.target.querySelector('xg-video-container > video > source:nth-child(1)');
	  // 提取src属性值
	  var url = sourceTag.getAttribute('src');
      // 执行下载操作，这里使用一个假设的下载函数
      downloadFile(url);
    }
  }

  function downloadFile(url) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = 'blob';

    xhr.onload = function() {
      var blob = xhr.response;
      var link = document.createElement('a');
      link.href = window.URL.createObjectURL(blob);
      link.download = 'video.mp4';

      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    };

    xhr.send();
  }