🎬 视频倍速播放与下载 Chrome 插件

通过网盘分享的文件：

链接: https://pan.baidu.com/s/1hePaEqeKSgbnwatyGD7YYA?pwd=5555 提取码: 5555 复制这段内容后打开百度网盘手机App，操作更方便哦

一款轻量级浏览器插件，支持对当前页面视频进行 0.5x-10x 倍速播放控制，并可直接下载页面中的视频文件。

📋 功能概览

📦 支持的视频格式

🚀 安装方法

方式一：开发者模式加载（推荐）

1. 下载或克隆本项目的 video-speed-extension 文件夹
2. 打开 Chrome 浏览器，地址栏输入 chrome://extensions/
3. 开启右上角 「开发者模式」 开关
4. 点击 「加载已解压的扩展程序」
5. 选择 video-speed-extension 文件夹
6. 插件图标出现在浏览器工具栏即安装成功

兼容浏览器

🎮 使用说明

倍速控制

1. 在任意包含视频的网页上，点击工具栏的插件图标
2. 插件自动检测页面视频并显示当前播放速度
3. 三种方式调节速度：
• 滑块拖动：精确控制 0.5x-10x
• 预设按钮：点击 0.5x / 0.75x / 1x / 1.25x / 1.5x / 2x / 3x / 5x / 8x / 10x
• 自定义输入：输入任意数值后点击「应用」或按回车

视频下载

1. 点击底部 「⬇️ 下载当前视频」 按钮
2. 插件自动扫描页面中所有视频源（包括 <video> 标签、<source> 标签、页面链接）
3. 自动识别视频格式，以正确的扩展名保存
4. 弹出浏览器「另存为」对话框，选择保存位置即可

⚠️ 下载限制说明

✅ 可以下载的情况

• 视频 src 为直接的文件地址（如 https://example.com/video.mp4）
• 页面中 <source> 标签指向真实视频文件
• 页面 <a> 链接指向视频文件
• 无鉴权或 Cookie 鉴权的视频资源

❌ 无法下载的情况

遇到以上情况，插件会给出明确的错误提示。

📁 项目结构

video-speed-extension/
├── manifest.json       # Chrome 扩展配置 (Manifest V3)
├── popup.html          # 弹出面板 HTML
├── popup.css           # 弹出面板样式（暗色主题）
├── popup.js            # 核心逻辑（倍速控制 + 下载）
├── icons/
│   ├── icon16.png      # 16x16 工具栏图标
│   ├── icon48.png      # 48x48 管理页图标
│   └── icon128.png     # 128x128 商店图标
└── README.md           # 本文档

🔧 技术实现

倍速控制原理

// 通过 chrome.scripting.executeScript 注入代码到目标页面
// 直接修改所有 <video> 元素的 playbackRate 属性
var videos = document.querySelectorAll('video');
videos.forEach(function(v) {
  v.playbackRate = speed; // 0.5 - 10
});

HTML5 <video> 元素原生支持 playbackRate 属性，范围通常为 0.0625-16，本插件限制在 0.5-10 的实用范围内。

视频源检测策略

插件按以下优先级扫描视频源：

1. <video> 元素的 currentSrc 属性（当前实际播放的源）
2. <video> 元素的 src 属性
3. <video> 内部 <source> 标签的 src 属性
4. 页面中所有 <a> 标签的 href（匹配视频扩展名）
5. 去重后返回所有可用源

下载实现

使用 Chrome 扩展的 chrome.downloads API：

chrome.downloads.download({
url: videoUrl,        // 视频文件地址
filename: 'video.mp4', // 自动识别格式
saveAs: true// 弹出另存为对话框
});

🛡️ 权限说明

本插件不收集任何用户数据，不进行网络请求，所有操作均在本地完成。

📝 更新日志

v1.0.0

• 支持 0.5x-10x 倍速控制
• 支持 12 种视频格式下载（MP4/WebM/OGG/AVI/MOV/MKV/FLV/WMV/M4V/3GP/TS）
• 自动检测页面视频
• 暗色主题 UI
• 智能格式识别与文件命名