# zc-live-web

**Repository Path**: zctc/zc-live-web

## Basic Information

- **Project Name**: zc-live-web
- **Description**: 智策web直播网页客户端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-28
- **Last Updated**: 2026-04-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# zc-live-web

智策直播客户端，基于 Agora（声网）+ Socket.IO 实现的实时直播教学前端。

## 技术栈

- Vue 3 + TypeScript + Vite
- Element Plus + Tailwind CSS
- Agora RTC SDK (agora-rtc-sdk-ng)
- Socket.IO Client
- Pinia

## 登录机制

本项目的登录页面（`/login`）**仅用于 localhost 本地开发调试**。

- **localhost 开发环境**：显示独立登录表单，使用手机号 + 密码调用 `/liveClientApi/liveClientLogin.do` 登录
- **线上环境**（非 localhost）：登录页自动跳转到 `/`，由智策管理后台（zc-backend）共享 session 处理登录。因直播端与管理后台**同域名**，后台登录后 session 自动共享，无需再次登录

## 快速开始

```bash
pnpm install
npm run test    # 连接真实后端启动
npm run prod    # 生产模式启动（连接线上后端）
npm run build   # 构建
```

## 功能

- 实时直播推流
- 屏幕共享（Canvas 合流，摄像头画中画）
- 云端录制
- 聊天室（Socket.IO）
- 课程安排 / 历史回放