快速开始
安装 Tiny Player
sh
# 使用 npm:
npm i tiny-player
# 使用 Yarn:
yarn add tiny-player
# 使用 Pnpm:
pnpm add tiny-player
推荐使用 prm-cli 镜像源管理工具用于平时切换镜像源,以提高安装速度。(该项目被刊登在阮一峰老师的科技爱好者周刊第 445 期)
初始化播放器
模块化开发:
js
import TinyPlayer from 'tiny-player'
const tp = new TinyPlayer({
container: document.getElementById('tiny-player'),
src: 'demo.mp4',
})
传统开发:(这块目前 hls 存在问题)
html
<div id="tiny-player"></div>
<script src="tiny-player.min.js"></script>
<!-- 或者使用 cdn 👇🏻 -->
<!-- <script src="https://unpkg.com/tiny-player"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/tiny-player@1.0.22/dist/index.min.js"></script> -->
<script>
const tp = new TinyPlayer({
container: document.getElementById('tiny-player'),
src: 'demo.mp4',
})
</script>