Tiny Player

---

Document | Features | Development

Features

极简的视频播放器，内置硬解功能，软解功能，可支持原生控件样式，自定义控件样式。旨在用最小的体积实现所需全部功能的播放器！

• 🧩 兼容性好（ 0 依赖，任何框架和浏览器都可以使用，支持移动端。）
• 🌸 多格式支持，支持流式播放（支持 mp4、webm、ogg 等多种常见格式，支持 m3u8，支持自动切换。）
• 🌟 控制栏可插拔（支持自定义控制栏，控制栏挂载到目标节点，支持自定义控制栏组件显示隐藏。）
• 🎬 支持指定片段播放（通过入参指定片段播放，类裁剪。）
• 🎨 轻量（仅 25kb 大小，gzip 压缩后仅 7kb 大小。）
• 🥳 软解【wip】（支持音视频软解，支持自定义解码器，解决各个浏览器的兼容性问题。（开发中））

Development

确保 node 版本 >= 16 ，且全局安装 pnpm

npm install -g pnpm

# 安装依赖
pnpm i
# 开发调试
pnpm dev
# 构建
pnpm build

在其他项目中调试

通用型：

# 开发
pnpm dev
# 获取项目地址
cd packages/core && pwd # "/Users/xxx/xxx/chuangkit-tiny-player/packages/core"
# 在其他项目中安装
pnpm add "/Users/xxx/xxx/chuangkit-tiny-player/packages/core"
yarn add "/Users/xxx/xxx/chuangkit-tiny-player/packages/core"
npm i "/Users/xxx/xxx/chuangkit-tiny-player/packages/core"

软连接形式：

pnpm dev
# 如果其他项目以 npm 作为包管理器
cd packages/core && npm link
# 如果其他项目以 yarn 作为包管理器
cd packages/core && yarn link
# 如果其他项目以 pnpm 作为包管理器
cd packages/core && pnpm link

# 在其他项目中安装
# npm
npm link tiny-player
# yarn
yarn link tiny-player
# pnpm
pnpm link tiny-player

相关参考：

• plyr
• dplayer
• xgplayer
• shaka-player
• videojs-player