产品简介
griffith Griffith 是一个基于 React 的 Web 视频播放器,支持 mp4 和 hls 流媒体播放,易于集成到 React 或非 React 应用中。它提供可靠、可扩展的视频播放解决方案,适合需要快速添加视频功能的 Web 开发者。

核心功能
- 支持 mp4 和 hls 流媒体播放,使用 MSE 技术进行段加载
- 易于集成到 React 应用中,提供简单 API
- 支持 UMD 模式,可用于非 React 应用
- 高可靠性,已在知乎广泛使用
- 插件系统支持 MP4 和 HLS 格式扩展
快速开始
- 使用 yarn 安装 griffith:yarn add griffith
- 在代码中导入 Player 组件:import Player from 'griffith'
- 定义视频源对象,包含高清和标清等质量的播放链接
- 渲染 Player 组件并传入视频源
界面预览

与其他方案对比
| 对比项 | 本工具 | 同类商业软件 | 在线服务 |
|---|---|---|---|
| 费用 | 开源免费 | 通常收费或含广告 | 可能有订阅或上传限制 |
| 隐私 | 本地运行,数据自持 | 依赖厂商政策 | 需上传数据到服务器 |
| 可定制性 | 源码开放,社区活跃 | 受限于官方功能 | 功能固定 |
适合谁用
- 使用 React 开发 Web 应用的工程师,需要快速集成视频播放功能
- 在网页中嵌入流媒体视频的内容运营人员
下载与版本
当前最新版本为 v1.5.0,发布于 2019-05-13。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/zhihu/griffith