如何快速下载流媒体？HLS Downloader插件让视频保存变简单！

HLS Downloader是一款功能强大的Web扩展程序，专为嗅探和下载HTTP Live流（HLS）媒体文件设计。无论是在线课程、直播回放还是精彩片段，它都能帮助你轻松捕获并保存喜爱的视频内容，完全免费且开源。

🚀 为什么选择HLS Downloader？

HLS Downloader凭借多项实用功能脱颖而出，成为流媒体下载的理想选择：

• 自动流发现：无需开发者工具，页面加载时自动检测HLS播放列表
• 精细化质量控制：下载前可选择视频分辨率（240p至4K）和音频轨道
• 本地合并处理：通过ffmpeg.wasm在浏览器中本地合并音视频，无需上传文件
• 跨浏览器支持：兼容Firefox、Edge、Chrome、Brave等多种浏览器

HLS Downloader插件界面展示，显示检测到的流媒体文件和下载选项

📥 快速安装步骤

Firefox浏览器

1. 访问Firefox附加组件商店搜索"HLS Downloader"
2. 点击"添加到Firefox"完成安装

Chrome/Edge/Brave浏览器

1. 下载最新版本的extension-chrome.zip
2. 打开浏览器扩展页面（chrome://extensions/）
3. 启用"开发者模式"
4. 点击"加载已解压的扩展程序"，选择解压后的文件夹

HLS Downloader插件安装过程展示，适合Chrome及基于Chromium的浏览器

💡 简单使用指南

1. 浏览包含HLS流媒体的网页并开始播放
2. 点击浏览器工具栏中的HLS Downloader图标
3. 在"Sniffer"标签中选择检测到的播放列表
4. 选择所需的视频质量和音频轨道
5. 点击"下载"按钮开始处理
6. 等待ffmpeg.wasm完成本地合并，浏览器将提示保存MP4文件

🛠️ 项目结构解析

HLS Downloader采用模块化设计，主要包含以下核心目录：

• src/background/：后台脚本，处理流检测和下载管理
• src/core/：共享逻辑和Redux状态管理
• src/popup/：React构建的弹出式用户界面
• src/design-system/：UI组件库，确保一致的视觉体验

🔧 开发与构建

如果你想参与开发或自行构建插件，可以按照以下步骤操作：

git clone https://gitcode.com/gh_mirrors/hl/hls-downloader
cd hls-downloader
pnpm install
pnpm build        # 构建输出到 ./dist/ 目录

开发模式下，可以使用：

pnpm dev        # 监听文件变化并自动重建
pnpm storybook  # 预览UI组件

📄 许可证信息

HLS Downloader采用MIT许可证开源，详细信息请参见项目根目录下的LICENSE文件。

无论是观看在线课程、保存直播内容还是备份珍贵视频，HLS Downloader都能成为你得力的视频下载助手，让流媒体保存变得前所未有的简单！