当前位置: 首页 > ai >正文

能发弹幕的简单视频网站

界面参考了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

ADMIN

AI 大模型自动内容审核

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为用户名注册的用户将自动成为管理员!

http://www.xdnf.cn/news/20249.html

相关文章:

  • 计算机网络:调制解调器
  • Docker-volume数据卷
  • 为什么固态硬盘断电后数据还能保存不丢失?
  • 【LeetCode热题100道笔记】二叉树展开为链表
  • 激光频率梳 3D 轮廓测量 - 油路板的凹槽深度和平面度测量
  • Spring核心-Bean周期
  • ElmentUI之DateTimePicker 日期时间选择器
  • 避免使用非const全局变量:C++中的最佳实践 (C++ Core Guidelines)
  • SQLSERVER数据备份
  • Java8 Comparator接口 和 List Steam 排序使用案例
  • 人工智能在医学图像中的应用:从机器学习到深度学习
  • 技术方案详解:如何安全移动已安装软件?
  • C语言精讲(视频教程)
  • 打包 Uniapp
  • Redisson分布式锁:看门狗机制与续期原理
  • nginx安装部署(备忘)
  • ecplise配置maven插件
  • 【知识点讲解】稀疏注意力与LSH技术:从基础到前沿的完整指南
  • MHA高可用架构
  • 多线程(六) ~ 定时器与锁
  • 驱动开发系列71 - GLSL编译器实现 - 指令选择
  • python 逻辑运算练习题
  • HttpClient、OkHttp 和 WebClient
  • 贪心算法应用:交易费优化问题详解
  • OpenLayers常用控件 -- 章节七:测量工具控件教程
  • 《sklearn机器学习——聚类性能指标》Fowlkes-Mallows 得分
  • Java学习笔记二(类)
  • 【3D图像算法技术】如何在Blender中对复杂物体进行有效减面?
  • 【EXPLAIN详解:MySQL查询优化师的显微镜】
  • MacOS 使用 luarocks+wrk+luajit