# niu-video-frontend

**Repository Path**: h2648782102/niu-video-frontend

## Basic Information

- **Project Name**: niu-video-frontend
- **Description**: 牛视频仓库，前后端。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-25
- **Last Updated**: 2023-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 牛视频前端项目文档

## 项目介绍

本项目为第二届七牛云1024创作节参赛项目的前端代码仓库，制作网页短视频应用。实现用户登录注册、视频发布、点赞、收藏、关注用户以及视频列表播放，同时根据分类分组视频等功能。

参赛时间：2023年10月24日~2023年11月7日

## 项目分工

团队名为创未来，由何朝伟、李亿豪两人组成。

| 团队成员 | 主要贡献             |
| -------- | -------------------- |
| 何朝伟   | 负责后端以及运维部署 |
| 李亿豪   | 负责前端以及文档编写 |

## 项目地址

-  [前端仓库](https://gitee.com/h2648782102/niu-video-frontend)
-  [后端仓库](https://gitee.com/heriec/niu-video-backend)

**项目文档请查看后端仓库**

## 在线地址

[在线地址](http://47.120.38.95/#/video)

## 接口文档

[接口文档Apifox](https://apifox.com/apidoc/shared-5b1884c4-854a-4b88-8f45-e71eaced7b51)


## 技术栈

| 技术         | 作用     |
| ------------ | -------- |
| Vue3         | js框架   |
| axios        | 网络请求 |
| vue-router   | 路由     |
| element-plus | UI组件库 |
| vue3-lottie  | 动画库   |
| fontawesome  | 图标库   |
| vite         | 构建工具 |
| pinia        | 状态管理 |

## 部署

安装依赖

```bash
npm install
```

直接运行

```bash
npm run dev
```

构建静态资源

```bash
npm run build
```

## 已实现功能

- 注册登录
- 视频列表
- 视频的播放、暂停、进度条拖动、倍速、音量控制、全屏
- 视频dom点击后可以播放/暂停视频
- 可通过上下键、鼠标滚轮、页面按钮翻看视频
- 分类视频列表
- 点赞/取消点赞
- 收藏/取消收藏
- 关注/取消关注
- 搜索
- 上传视频