项目DEMO视频地址： 点击跳转到项目DEMO视频

如需访问英文版本README.md, 请点击 https://github.com/Joy-aa/videoPlayerFrontEnd/blob/main/README_EN.md

• 关于项目
  • 项目截屏示例
  • 技术栈
  • 功能点
• 准备条件
• 开始
• 贡献
• 联系
• 特别鸣谢

• Node.js
• Vue.js
• SASS
• Element UI
• VueX

• 账户系统

  • 登录、退出和注册。
  • 图片验证码。

• 主页

  • 内容分类：视频内容分类页面，如热门视频和体育频道。
  • 视频截帧：视频封面显示。
  • 视频信息显示。

• 搜索

  • 在搜索栏中输入关键字以查找特定的视频、用户。搜索结果将显示相关视频和相关用户。
  • 关注/取消关注相关用户。

• 上传视频

  • 上传你自制的短视频。
  • 添加视频名称、介绍和标签。

• 个人信息

  • 查看和编辑个人信息：编辑头像，昵称，个人简介。
  • 查看您上传的视频、喜爱的视频和查看历史记录。

• 视频页面

  • 视频播放：播放、暂停、进度条拖放。
  • 视频切换：您可以使用向上和向下键滚动视频。
  • 音量调节，全屏播放，播放速度调节，下载视频。
  • 为视频添加水印。
  • 关注/取消关注其他用户。
  • 查看视频的点赞，评论，分享，收藏。
  • 点赞，评论，分享，收藏视频。
  • 点赞视频评论

• 模块分工

  • 王宇鑫：登录注册功能，视频首页分类功能，视频播放功能，搜索功能，关注/取关用户功能。
  • 王佳：数据库设计，七牛云视频截帧功能，视频点赞、评论、收藏、转发、水印、上线切换功能。
  • 程心媛：视频爬虫功能，七牛云数据存储功能、上传视频功能、用户个人信息展示与编辑功能。

在运行此项目之前，您应该确保已在本地克隆了我们的后端项目。 请参阅https://github.com/Joy-aa/videoPlayerBackEnd/README.md

在开始之前，请确保已安装Node.js和NPM。你可以在Node.js官方网站上找到它，下载并安装它们。

克隆项目到本地

  git clone https://github.com/Joy-aa/videoPlayerFrontEnd.git

进入项目目录

  cd videoPlayerFrontEnd

安装依赖

  npm install

  npm run serve

该项目将在http://localhost:8080中运行。您可以在浏览器中访问此URL以查看应用程序。

随时欢迎各位的建议与issue!

请查阅 README.md 开启项目运行.

王宇鑫 - [email protected]

王佳 - [email protected]

程心媛 - [email protected]

项目链接: https://github.com/Joy-aa/videoPlayerFrontEnd

• 七牛云