能发弹幕的简单视频网站

界面参考了Youtube,后端使用Spring Boot,前端Vue,vuetifyjs。支持自动生成封面图,发送弹幕、AI内容审核等功能。

一个简单的视频网站

网站名称是 TikTok 与 YouTube 的缝合,Logo 为豆包 AI 生成

主要界面参考了 Youtube,部分功能借鉴了 哔哩哔哩

后端 Spring Boot, MySQL

前端 Vue, Vuetifyjs

已经完成所有核心功能,比如:

  • 视频投稿
  • 弹幕
  • 视频播放
  • 播放历史,收藏,评论,点赞
  • 自动生成封面图
  • 数据管理
  • 登录 TOTP 两步验证
  • 配置多存储库,支持兼容 S3 API 的对象存储已测试:MinIO,Cloudflare R2-
  • 举报,内容审核(配置大模型后可以实现AI自动内容审核)
  • 公告,消息通知等

还剩一些细节功能在逐渐优化中

为了使用与部署方便,唯一外部依赖只有数据库,可选配置为 Redis

通过设置 application.ymlopen-redis 选项为 true,开启 Redis 缓存

该 DEMO 该版本仅为展示系统,故管理员关闭了普通用户的投稿,评论功能,如需要体验这两功能,请自行部署体验!

测试账号为:test@test.com

密码:test123456test

PS:使用 CloudflareSpeedTest 修改 HOST,除了要改 tiktube.buguagaoshu.com 的HOST 外,还需要修改 img.buguagaoshu.com 的 HOST,因为线上版本的 TikTube 文件视频文件都存储在 Cloudflare 的 R2 对象存储上

截图

主页

播放页

评论

播放历史

订阅

用户主页

消息通知

投稿

稿件自动截图

ADMIN

AI 大模型自动内容审核

快速运行

运行环境: Java17+, Node 20+, Maven 3.9+, MySQL 8.0+

使用 tik_tube.sql 创建数据库,配置数据库地址

如果你有 Reids 服务,可以通过设置 application.ymlopen-redis 选项为 true,此时系统将使用 Redis 缓存

该选项默认为 false,使用系统缓存

运行后端服务

复制代码
cd TikTube
mvn clean package

之后

复制代码
java -jar target/tiktube-*

运行前端服务

复制代码
cd TikTubeWeb
npm install

之后

复制代码
npm run dev

最后打开

复制代码
http://127.0.0.1:5173

提示: 第一个以admin为用户名注册的用户将自动成为管理员!

相关推荐
tryxr几秒前
继承存在的意义、特点、使用方法
java·开发语言·接口
tbRNA23 分钟前
Java 基础入门易错知识点(三)
java·开发语言
韩立学长42 分钟前
【开题答辩实录分享】以《基于SSM的电影售票管理系统的设计与实现》为例进行选题答辩实录分享
java·spring·servlet
问道飞鱼43 分钟前
【Rust编程语言】Rust数据类型全面解析
开发语言·后端·rust·数据类型
泉城老铁1 小时前
目前开源架构需要注意的安全问题
spring boot·后端
ZoeGranger1 小时前
【Spring】IoC 控制反转、DI 依赖注入、配置文件和bean的作用域
后端
马卡巴卡1 小时前
分库分表数据源ShardingSphereDataSource的Connection元数据误用问题分析
后端
superman超哥1 小时前
仓颉动态特性探索:反射API的原理、实战与性能权衡
开发语言·后端·仓颉编程语言·仓颉·仓颉语言·仓颉动态特性·反射api
骑着bug的coder1 小时前
第7讲:索引(下)——失效场景与优化实战
后端·mysql
程序员阿鹏1 小时前
@Autowired和@Resource的区别
java·开发语言·spring