Vlog 转录与翻译工具使用教程

1. 项目目录结构及介绍

本项目是一个个人工具，用于将视频博客（vlog）转录并翻译成日语。以下是项目的目录结构及其各个部分的简要介绍：

PROJECT_ROOT
├── components    # React组件
├── pages         # 页面文件
│   └── api       # API路由
├── public        # 公共静态文件
├── scripts       # Python脚本，用于转录和翻译
├── tmp           # 临时文件
└── utils         # 工具模块

• components: 存放React组件，是构建用户界面的基础。
• pages: 包含了所有页面的代码，api子目录用于定义API路由。
• public: 存放公共静态文件，如图片、CSS文件等。
• scripts: 包含Python脚本，用于处理视频文件，进行转录和翻译。
• tmp: 用于存储临时文件，如处理过程中的中间文件。
• utils: 存放一些工具函数和模块，以支持项目中的各种功能。

2. 项目的启动文件介绍

项目的启动主要是通过执行npm run dev命令来启动开发服务器。以下是主要的启动文件和命令：

• package.json: 项目配置文件，定义了项目的依赖和启动脚本。
• npm run dev: 在开发模式下启动Next.js应用程序。

在项目根目录下执行以下命令来启动开发服务器：

npm run dev

这将会启动一个本地服务器，通常在http://localhost:3000地址上可以访问。

3. 项目的配置文件介绍

项目中的配置文件主要用于设置项目的运行参数和环境变量，以下是主要的配置文件：

• .eslintrc.json: ESLint配置文件，用于定义代码风格规则和脚本。
• .prettierrc.yaml: Prettier配置文件，用于统一代码格式。
• next.config.js: Next.js配置文件，用于自定义Next.js的运行行为。
• stitches.config.ts: Stitches配置文件，用于定义CSS-in-JS的样式。

这些配置文件确保了项目代码的一致性和项目的正常运行。开发者可以根据自己的需求修改这些配置文件，以适应不同的开发环境和需求。

在开始使用本项目之前，请确保你已经安装了Node.js和Python环境，并且配置好了相应的环境变量。按照README.md中的说明获取必要的API密钥，并安装项目依赖项。