classtranscribe/frontend

ClassTranscribe Front-End Docker镜像文档

镜像概述与主要用途

ClassTranscribe Front-End是基于React.js框架构建的前端Docker镜像，为ClassTranscribe系统提供前端界面支持。该镜像包含生产环境优化的构建版本，主要功能是提供可搜索的转录视频讲座访问服务，使用户能够便捷地查找和观看已转录的视频讲座内容。版权归美国伊利诺伊大学所有（2019-2022）。

核心功能与特性

• React.js技术栈：采用React.js构建现代化前端界面，确保良好的用户体验和性能
• 搜索功能：支持对转录后的视频讲座内容进行搜索，提升内容查找效率
• 生产环境优化：包含前端生产构建版本，经过性能优化，适合部署到正式环境

使用场景与适用范围

• 教育机构：用于搭建校内视频讲座平台，方便学生访问和复习课程内容
• 在线学习平台：作为视频教学资源的前端展示组件，提供结构化的讲座访问服务
• 内容管理系统：配合后端服务，实现转录视频讲座的前端呈现与交互

使用方法与配置说明

前端环境搭建

如需在本地环境进行前端开发或部署前的配置，请参考官方Wiki文档获取详细步骤：
https://github.com/classtranscribe/FrontEnd/wiki

贡献指南

若需参与前端项目的开发与贡献，请遵循官方贡献规范：
https://github.com/classtranscribe/FrontEnd/wiki/Contributing-Guidelines

Docker部署示例

基础部署（假设镜像名称为classtranscribe/frontend）

bash
# 拉取最新版本镜像
docker pull classtranscribe/frontend:latest

# 启动容器（默认暴露80端口，可根据需求调整）
docker run -d -p 80:80 --name classtranscribe-frontend classtranscribe/frontend:latest

Docker Compose配置示例

yaml
version: '3'
services:
  frontend:
    image: classtranscribe/frontend:latest
    container_name: classtranscribe-frontend
    ports:
      - "80:80"
    restart: unless-stopped

注：具体部署参数（如端口映射、环境变量配置等）请根据实际需求及官方文档进行调整。