# video_classifier_frontend

**Repository Path**: yixuanhuangtech/video_classifier_frontend

## Basic Information

- **Project Name**: video_classifier_frontend
- **Description**: 视频处理工具 (Video Processing Tool)
这是一个基于 Vue 3 和 Vite 构建的前端应用程序，提供多种视频处理功能。

功能特性
本工具提供以下主要功能模块：

1. 视频分类
自动分析并分类视频内容
支持水印检测、广告识别和内容翻译
可设置扫描间隔和目标语言（越南语、泰语、英语等）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-05-23
- **Last Updated**: 2025-11-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 视频处理工具 (Video Processing Tool)

这是一个基于 Vue 3 和 Vite 构建的前端应用程序，提供多种视频处理功能。

## 功能特性

本工具提供以下主要功能模块：

### 1. 视频分类
- 自动分析并分类视频内容
- 支持水印检测、广告识别和内容翻译
- 可设置扫描间隔和目标语言（越南语、泰语、英语等）

![视频分类功能截图](./public/readme_pictures/videoClassify.png)

### 2. 视频混搭
- 根据关键词和分类搜索视频并自动生成混合视频
- 支持单文件夹混搭和多文件夹混搭
- 可预览匹配的视频内容

![视频混搭功能截图](./public/readme_pictures/videoMix.png)

### 3. 文案处理
- 从视频中提取文本并生成专业文案
- 支持批量处理和Excel导出
- 可自定义提示词进行文案生成

![文案处理功能截图](./public/readme_pictures/videoSubtitle.png)

### 4. 片头片尾处理
- 自动识别和处理视频的片头片尾
- 可设置片头片尾的持续时间和淡入淡出效果

![片头片尾处理功能截图](./public/readme_pictures/videoHeadTail.png)

### 5. 水印处理
- 生成自定义水印并应用到视频
- 支持文本水印和图片水印
- 可调节水印样式和位置

![水印处理功能截图](./public/readme_pictures/videoWatermark.png)

### 6. 足球图标管理
- 管理球队图标、比赛图标和自定义图标
- 可在视频中添加和编辑图标
- 支持字幕文件选择和视频预览

![足球图标管理功能截图](./public/readme_pictures/videoIcon.png)

## 技术栈

- [Vue 3](https://v3.vuejs.org/)
- [Vite](https://vitejs.dev/)
- [Element Plus](https://element-plus.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vue Router](https://router.vuejs.org/)

## 推荐 IDE 配置

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (并禁用 Vetur)。

## TypeScript 对 `.vue` 导入的支持

TypeScript 默认无法处理 `.vue` 导入的类型信息，因此我们用 `vue-tsc` 替换 `tsc` CLI 进行类型检查。在编辑器中，我们需要 [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) 来让 TypeScript 语言服务识别 `.vue` 类型。

## 项目设置

```sh
npm install
```

### 编译和热重载以进行开发

```sh
npm run dev
```

### 类型检查、编译和打包以用于生产环境

```sh
npm run build
```

### 预览生产构建

```sh
npm run preview
```