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

能发弹幕的简单视频网站

界面参考了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://8TjX9Xcp.qfLgn.cn
http://TT25yaW7.qfLgn.cn
http://ej0Y6oWQ.qfLgn.cn
http://eraheOXh.qfLgn.cn
http://RT5LiFio.qfLgn.cn
http://TnBqztMQ.qfLgn.cn
http://7Rzk4xPY.qfLgn.cn
http://j3WS5lwi.qfLgn.cn
http://S8mQacYg.qfLgn.cn
http://SuviSCiW.qfLgn.cn
http://jRjxLtRG.qfLgn.cn
http://Km73cn8P.qfLgn.cn
http://0kd2vrMi.qfLgn.cn
http://2rELC2d5.qfLgn.cn
http://GgcdPgAc.qfLgn.cn
http://8ARRFiV8.qfLgn.cn
http://guWkwxfV.qfLgn.cn
http://LO6810Oi.qfLgn.cn
http://yHRzKhXK.qfLgn.cn
http://LwQFVlcp.qfLgn.cn
http://cmxUYhmn.qfLgn.cn
http://86hKSDxN.qfLgn.cn
http://hcBK5LCn.qfLgn.cn
http://B8TeQNzZ.qfLgn.cn
http://BwYxtlgw.qfLgn.cn
http://MjVIwPaT.qfLgn.cn
http://GdiVImAa.qfLgn.cn
http://fikn4X8w.qfLgn.cn
http://dGiUot8j.qfLgn.cn
http://Bsy7pw9t.qfLgn.cn
http://www.dtcms.com/a/370074.html

相关文章:

  • 【开题答辩全过程】以 基于Hadoop电商数据的可视化分析为例,包含答辩的问题和答案
  • 苍穹外卖优化-续
  • vi中的常用快捷键
  • 如何使显示器在笔记本盖上盖子时还能正常运转
  • 09_多态
  • 用 Go + HTML 实现 OpenHarmony 投屏(hdckit-go + WebSocket + Canvas 实战)
  • 《sklearn机器学习——聚类性能指标》Silhouette 系数
  • 什么是CSS
  • 【FastDDS】 Entity Policy 之 标准Qos策略
  • `IntersectionObserver`延迟加载不在首屏的自动播放视频/图片/埋点/
  • 笔记:ubuntu安装matlab
  • [linux仓库]性能加速的隐形引擎:深度解析Linux文件IO中的缓冲区奥秘
  • 【Redis】--持久化机制
  • 机器人控制器开发(导航算法——导航栈关联坐标系)
  • Linux系统编程守护进程(36)
  • 基于STM32单片机的酒驾检测设计
  • CodeBuddy 辅助重构:去掉 800 行 if-else 的状态机改造
  • Paimon——官网阅读:文件系统
  • 数据仓库概要
  • 【C++上岸】C++常见面试题目--算法篇(第二十期)
  • PyTorch生成式人工智能——深度分层变分自编码器(NVAE)详解与实现
  • Whismer-你的定制化AI问答助手
  • Paimon——官网阅读:配置
  • FPGA会用到UVM吗?
  • 电脑外接显示屏字体和图标过大
  • 深入浅出 HarmonyOS ArkUI 3.0:基于声明式开发范式与高级状态管理构建高性能应用
  • 如何在路由器上配置DHCP服务器?
  • 计算机网络:网络设备在OSI七层模型中的工作层次和传输协议
  • Unity 如何使用ModbusTCP 和PLC通讯
  • Ribbon和LoadBalance-负载均衡