能发弹幕的简单视频网站

界面参考了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.yml 中 open-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.yml 中 open-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为用户名注册的用户将自动成为管理员!

相关推荐
张彦峰ZYF27 分钟前
放行、排队与拒绝:限流设计的算法选型、数据结构与并发代价
后端·架构·滑动窗口·漏桶·令牌桶·高并发+限流
Tokenfree36 分钟前
用户一句「忽略以上指令」,客服机器人就开始骂人:提示词注入的四类入口和四层防线
后端
Bazingga1 小时前
一次线上CPU 100%的问题排查
后端
AskHarries1 小时前
如果人生可以重新投胎一次,你有多大概率出生在富豪家庭?😂
后端
nice_lcj5201 小时前
ThreadLocal 入门:它是怎么隔离数据的、为什么会导致内存泄漏
java·开发语言·后端·面试·并发编程·内存泄漏·threadlocal
紧跟先前的步伐2 小时前
Go AI Agent 实战 28|Agent 的预算、超时与停止条件
开发语言·人工智能·后端·ai·golang
Hespethorn2 小时前
112 个 Valgrind 错误,1 个根因:C++ 多线程服务的关机顺序复盘
后端·架构
秋天的怀念_David2 小时前
算法一千零一夜 · 第二十六夜 协议的母语
java·spring boot·算法
灿飞2 小时前
Kotlin与Java虚拟机八:控制流与 when:卫语句、上下文相关解析与穷尽性
java·kotlin
小兔子2 小时前
new Date('2024-01-01') 和 new Date('2024/01/01') 差在哪
后端