安装指南 #

本章节将帮助您安装和配置 QiuVideo 播放器。

前提条件 #

在开始安装前，请确保您的环境满足以下要求：

• 现代Web浏览器（Chrome、Firefox、Safari、Edge最新版本）
• 对于开发环境，推荐使用Node.js 16.x或更高版本

安装方法 #

方法一：直接引入（推荐） #

您可以直接在HTML中通过本地文件引入QiuVideo：

<!-- 通过本地文件引入 -->
<link rel="stylesheet" href="path/to/qiu-video.min.css">
<script src="path/to/qiu-video.min.js"></script>

方法二：从源码构建 #

如果您需要从源码构建项目，可以按照以下步骤操作：

1. 克隆或下载QiuVideo项目

git clone https://github.com/yourusername/QiuVideo.git
cd QiuVideo

2. 安装依赖

npm install

3. 构建项目

# 构建未压缩版本
npm run build:unminified

# 构建压缩版本
npm run build:minified

# 同时构建两种版本
npm run build

构建完成后，您可以在dist目录中找到以下文件：

• qiu-video.js - 未压缩版本
• qiu-video.min.js - 压缩版本

开发环境设置 #

如果您想在开发环境中使用QiuVideo，可以按照以下步骤操作：

1. 安装依赖

npm install

2. 启动开发服务器

npm run dev

3. 打开浏览器访问 http://localhost:9003 查看演示页面

引入依赖说明 #

QiuVideo依赖以下外部库：

• hls.js - 用于播放HLS直播流
• flv.js - 用于播放FLV直播流

这些依赖已经包含在构建的文件中，您无需单独引入。