https://github.com/puzhiweizuishuai/tiktube
A simple video website with an interface inspired by YouTube. The backend is built with Spring Boot, and the frontend uses Vue with Vuetify.js. It supports features like automatic thumbnail generation and live comment (danmaku) streaming. 一个简单的视频网站，界面参考了Youtube。支持自动生成封面图，发送弹幕等功能。
https://github.com/puzhiweizuishuai/tiktube
danmaku spring video vue vuetify youtube
Last synced: 30 days ago
JSON representation
A simple video website with an interface inspired by YouTube. The backend is built with Spring Boot, and the frontend uses Vue with Vuetify.js. It supports features like automatic thumbnail generation and live comment (danmaku) streaming. 一个简单的视频网站，界面参考了Youtube。支持自动生成封面图，发送弹幕等功能。
- Host: GitHub
- URL: https://github.com/puzhiweizuishuai/tiktube
- Owner: PuZhiweizuishuai
- License: mit
- Created: 2020-09-07T15:27:45.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2025-04-13T13:54:15.000Z (30 days ago)
- Last Synced: 2025-04-13T15:12:07.467Z (30 days ago)
- Topics: danmaku, spring, video, vue, vuetify, youtube
- Language: Java
- Homepage:
- Size: 46.7 MB
- Stars: 62
- Watchers: 3
- Forks: 22
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# TikTube A simple video website with a bullet chat (danmaku) feature
## introduction
A Simple Video Website
The website name is a mashup of TikTok and YouTube, with the logo generated by Doubao AI.
The main interface is inspired by [YouTube](https://www.youtube.com/), with some features borrowed from [Bilibili](https://www.bilibili.com/).
Backend: Spring Boot, MySQL
Frontend: Vue, Vuetifyjs
Most core features have been implemented, including:
- Video upload
- Danmaku (commenting overlay)
- Video playback
- Watch history
- Favorites
- Comments
- Likes
- Automatic thumbnail generation
- Data management
Some minor features are still being optimized.
Please compile the new frontend interface using the project under "TikTubeWeb".
For ease of use and deployment, the only external dependency is the database.
## Quick start
**Run Environment: Java17+, Node 20+, Maven 3.9+，MySQL 8.0+**
Creating a database, Configuring Database Addresses
**Run back end server**
```bash
cd TikTube
mvn clean package
```
**Then**
```bash
java -jar target/tiktube-*-SNAPSHOT
```
**Run front end server**
```bash
cd TikTubeWeb
npm install
```
**Then**
```bash
npm run dev
```
**Final**
Open
```
http://127.0.0.1:5173
```
## screenshot
### Home
### Video Page
### Comment
### History
### User Home
### Publish
#### Video Capture
### User Management
### Question
If you are unable to compile using an older version of the frontend
Frontend Fails to Compile
If you encounter the error `ESLint is not a constructor`, add `lintOnSave: false` to your `vue.config.js`.
**Tips:** The first user registered with the name admin will automatically become an administrator.
## CHANGE LOG
[CHANGELOG](/CHANGELOG.md)
## Other Links
GitHub：https://github.com/PuZhiweizuishuai/TikTube
Gitee: https://gitee.com/puzhiweizuishuai/VideoWeb