SecBoard

现代化的网页白板与视频展台应用

---

简介

SecBoard 是一款基于 Web 技术构建的白板与视频展台应用，专为教学、演示和协作场景设计。项目采用现代化的技术栈，提供流畅的绘图体验和丰富的功能。

核心功能

• 白板绘图 - 支持自由绘制、图形绘制等多种绘图工具
• 视频展台 - 实时视频展示与标注功能
• 浮动工具栏 - 灵活可拖动的工具栏设计
• 本地存储 - 基于 LevelDB 的数据持久化

技术栈

类别	技术
前端框架	React 18 + TypeScript
构建工具	Vite 6
UI 框架	Tailwind CSS + Mantine
后端服务	Elysia
绘图引擎	Leafer UI + Perfect Freehand
动画库	Framer Motion
数据存储	SQLite / IndexedDB / Cloudflare D1 + R2

项目特色

• 高性能绘图 - 基于 Leafer UI 的高性能 Canvas 渲染
• 流畅的手写体验 - 使用 Perfect Freehand 实现自然的手写效果
• 现代化架构 - 前后端分离，TypeScript 全栈类型安全
• 响应式设计 - 适配不同屏幕尺寸

快速开始

bun install --frozen-lockfile
bun run dev

或使用 pnpm：

corepack enable
corepack prepare pnpm@10 --activate
pnpm install --frozen-lockfile
pnpm run dev

完整本地说明见 运行指南。

部署

推荐从 SecBoard 部署指南 开始。当前可用路径：

• Bun/Linux + Nginx/Caddy：完整生产部署。
• Docker Compose：一条命令试运行或轻量自托管。
• Cloudflare Workers + Pages：无服务器 Web 白板，部分桌面/投屏能力降级。
• 纯前端静态部署：浏览器本地 IndexedDB 存储。

开源许可

本项目以 GPL-3.0 许可证开源发布，详见 LICENSE。