如何快速下载流媒体？HLS Downloader插件让视频保存变简单！
项目地址: https://gitcode.com/gh_mirrors/hl/hls-downloader HLS Downloader是一款功能强大的Web扩展程序，专为嗅探和下载HTTP Live流（HLS）媒体文件设计。无论是在线课程、直播回放还是精彩片段，它都能帮助你轻松捕获并保存喜爱的视频内容，完全免费且开源。
🚀 为什么选择HLS Downloader？
HLS Downloader凭借多项实用功能脱颖而出，成为流媒体下载的理想选择：
- 自动流发现：无需开发者工具，页面加载时自动检测HLS播放列表
- 精细化质量控制：下载前可选择视频分辨率（240p至4K）和音频轨道
- 本地合并处理：通过ffmpeg.wasm在浏览器中本地合并音视频，无需上传文件
- 跨浏览器支持：兼容Firefox、Edge、Chrome、Brave等多种浏览器
HLS Downloader插件界面展示，显示检测到的流媒体文件和下载选项
📥 快速安装步骤
Firefox浏览器
- 访问Firefox附加组件商店搜索"HLS Downloader"
- 点击"添加到Firefox"完成安装
Chrome/Edge/Brave浏览器
- 下载最新版本的extension-chrome.zip
- 打开浏览器扩展页面（chrome://extensions/）
- 启用"开发者模式"
- 点击"加载已解压的扩展程序"，选择解压后的文件夹
HLS Downloader插件安装过程展示，适合Chrome及基于Chromium的浏览器
💡 简单使用指南
- 浏览包含HLS流媒体的网页并开始播放
- 点击浏览器工具栏中的HLS Downloader图标
- 在"Sniffer"标签中选择检测到的播放列表
- 选择所需的视频质量和音频轨道
- 点击"下载"按钮开始处理
- 等待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都能成为你得力的视频下载助手，让流媒体保存变得前所未有的简单！
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
