pnpm add ebin-player
npm install ebin-player
yarn add ebin-player
<!-- CSS 样式 -->
<link rel="stylesheet" href="https://unpkg.com/ebin-player@latest/dist/styles.css">
<!-- JavaScript 库 -->
<script src="https://unpkg.com/ebin-player@latest/dist/ebin-player.umd.js"></script>
npm install ebin-player@latest
npm install ebin-player@beta
npm install ebin-player@alpha
// 完整导入
import { createPlayer, PlayerInstance } from 'ebin-player';
// 按需导入
import { createPlayer } from 'ebin-player';
import type { PlayerOptions } from 'ebin-player';
const { createPlayer, PlayerInstance } = require('ebin-player');
<script src="dist/ebin-player.umd.js"></script>
<script>
const player = new EbinPlayer(container, options);
</script>
<link rel="stylesheet" href="node_modules/ebin-player/dist/styles.css">
// 在入口文件中引入
import 'ebin-player/dist/styles.css';
EbinPlayer 提供完整的 TypeScript 类型定义，无需额外安装类型包。
import { createPlayer, type PlayerOptions } from 'ebin-player';
const options: PlayerOptions = {
src: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/VolkswagenGTIReview.mp4',
autoplay: false,
controls: true
};
const player = createPlayer(container, options);
创建一个简单的测试文件来验证安装是否成功：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="node_modules/ebin-player/dist/styles.css">
</head>
<body>
<div id="player"></div>
<script src="node_modules/ebin-player/dist/ebin-player.umd.js"></script>
<script>
console.log('EbinPlayer version:', EbinPlayer.version);
const player = new EbinPlayer(document.getElementById('player'), {
src: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'
});
</script>
</body>
</html>
A: 确保已正确安装依赖，并检查 node_modules 目录中是否存在 ebin-player 文件夹。
A: 确保安装了正确版本的 TypeScript，并检查 tsconfig.json 配置。
A: 确保已正确引入 CSS 文件，检查文件路径是否正确。
A: 检查浏览器版本是否满足最低要求，考虑使用 polyfill 或降级方案。
安装完成后，您可以：