shelby-media-player - 在 React 中集成 Shelby 视频流播放
帮助在 React 应用中集成 Shelby Protocol 媒体播放器，实现自适应 HLS/DASH 流播放、自定义布局和 Shelby 存储视频播放。
标签
更新于: 2026-10-02能力
典型输入
典型输出
该技能可以做什么
- 安装播放器软件包
- 配置 TailwindCSS 4 样式
- 创建自适应视频播放器
- 播放 Shelby 存储视频
- 构建自定义播放器布局
- 配置 Shaka Player 设置
- 添加播放错误处理
输入
- React 应用
- 播放器软件包依赖
- TailwindCSS 4 配置
- 视频源 URL
- Shelby blob 名称
- 海报图片 URL
- 视频标题
输出
- React 视频播放器组件
- 自适应 HLS/DASH 播放
- 自定义播放控件
- Shelby 存储视频播放
- 播放器错误事件
要求
- React
- @shelby-protocol/player
- TailwindCSS 4
- Shaka Player 支持