一个极简的视频播放器JS库——Tiny Player

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="tiny-player.min.js"></script>
<script>
  const tp = new TinyPlayer({
    container: document.getElementById('tiny-player'),
    src: 'demo.mp4',
  })
</script>

tiny-player.min.js 文件可以通过下载 Github 项目中获取。从上面几行示例代码可以看到，使用非常简单。

Tiny Player JS视频播放器搭建示例

Tiny Player中文文档官网介绍

标签： Tiny Player, 视频播放器JS库

上面是“一个极简的视频播放器JS库——Tiny Player”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_13149.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！