2024年12月18日 建站教程
Tiny Player是一款极简的视频播放器JS库，内置硬件解码和软视频解码功能，支持原生控件风格和自定义控件风格，在很小的体积内实现所有视频播放功能。
免费开源说明：
Tiny Player是一个免费的开源JavaScript视频播放器项目。源代码托管在Github上，任何人都可以免费下载使用。但是Github仓库的首页并没有明确表示采用MIT开源协议，只能在官网页脚看到。
Tiny Player JS 视频播放器技术特性
1、兼容性好：没有其他依赖，任何框架和浏览器都可以使用，支持移动端使用
2、多格式支持，支持流式播放：不仅支持 mp4、webm、ogg 等种常见视频格式，也支持支持 m3u8，支持自动切换
3、控制栏可插拔：支持自定义控制栏，控制栏挂载到目标节点，支持自定义控制栏组件显示隐藏。
4、支持指定视频片段播放：通过入参指定片段播放，类似裁剪
5、轻量：仅 25KB 大小，gzip 压缩后仅 7KB
6、「wip」软解：支持音视频软解，支持自定义解码器，解决各个浏览器的兼容性问题（开发中）
Tiny Player轻松上手：
安装使用
我们可以用下面三种方式来安装：
# 使用 npm: npm i tiny-player # 使用 Yarn: yarn add tiny-player # 使用 Pnpm: pnpm add tiny-player
然后在项目中使用：
import TinyPlayer from 'tiny-player'
const tp = new TinyPlayer({
container: document.getElementById('tiny-player'),
src: 'demo.mp4',
})
传统开发也可以直接引入 <script> 标签，然后初始化：
<div id="tiny-player"></div>
<script src="/statictiny-player.min.js"></script>
<script>
const tp = new TinyPlayer({
container: document.getElementById('tiny-player'),
src: 'demo.mp4',
})
</script>
tiny-player.min.js 文件可以通过下载 Github 项目中获取。从上面几行示例代码可以看到，使用非常简单。
本文链接：http://so.lmcjl.com/news/19762/