https://github.com/sectl/viewstage

ViewStage是一个摄像头、文档的展台应用，使用tauri与Rust构建，前端使用JS+HTML5+CSS+Rust WASM构建，无前端依赖，轻量高性能，适用与课堂及需要大屏批注文档、图片等场景
https://github.com/sectl/viewstage

Last synced: about 2 months ago
JSON representation

ViewStage是一个摄像头、文档的展台应用，使用tauri与Rust构建，前端使用JS+HTML5+CSS+Rust WASM构建，无前端依赖，轻量高性能，适用与课堂及需要大屏批注文档、图片等场景

• Host: GitHub
• URL: https://github.com/sectl/viewstage
• Owner: SECTL
• License: apache-2.0
• Created: 2026-02-17T13:15:48.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2026-03-01T04:40:35.000Z (4 months ago)
• Last Synced: 2026-03-01T07:30:46.078Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 2.51 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


   

   
ViewStage

   
一个基于 Tauri 构建的摄像头及PDF展台应用，采用原生 HTML、CSS 和 JavaScript 开发，提供简洁高效的课堂及其他用途的全屏展台。



> \[!IMPORTANT]

> 本项目目前基本已开发完成，后续基本进行bug修复和性能改进，如果有新的意见，欢迎前往issues中提交

> 若出现问题，欢迎到issues中提交，我看到后会火速进行修复

## 技术栈

- **前端**：Vanilla HTML 5 + CSS 3 + JavaScript（无框架依赖）+ Rust wasm

- **后端**：Rust + Tauri

- **构建工具**：Cargo

> \[!IMPORTANT]

> 这个应用部分使用了Tare编写与进行性能优化、检测代码问题

>

> > 若您介意或排斥，请无视次项目，感谢(❁´◡\`❁)

## 功能特点

- 🚀 **轻量高性能**：基于 Tauri 框架，应用体积小、启动快、内存占用低

- 🎨 **原生 UI 体验**：使用系统原生 WebView，提供流畅的桌面应用交互

- 📦 **开箱即用**：无复杂前端框架依赖，代码结构清晰易维护

- 🔧 **高度可配置**：支持自定义配置，包括但不限于摄像头选择、PDF文件关联等

- 🌈 **多颜色笔**：提供15种颜色的笔，可在设置中自定义添加或删除

- 🖊 **大小无极调节**：支持批注大小1-20px无级调节，橡皮1-50px无级调节

- 🔍 **实时预览**：在设置中可以开启实时预览，方便查看摄像头画面

- ⚡ **快速响应**：大规模计算任务迁移到Rust后端及Rust WASM,降低CPU、GPU开销，提高响应速度

- 📁 **多文档格式支持**：支持打开.pdf/.docx/.doc/等格式的文档 \[若需要指出Word系统中必须安装有Microsoft Office或WPS Office]

## 运行条件

> 本项目目前着重适配了16：9的屏幕，对其他比例的屏幕并没有进行检测，若您使用的屏幕比例非16：9，可能会导致显示异常

>

> > 如果你的屏幕为非16：9的屏幕，且此应用出现了异常，你可以尝试将分辨率改成16：9，或在issues中提出问题

> > 在提出问题中请包含你的屏幕比例、屏幕分辨率、应用版本、操作系统版本等信息，以便我能够更好地帮助你

- 1：我们强烈推荐你在Windows10以上的系统使用本应用，若你使用的是Windows7或Windows8，可能会导致显示异常

> > 如果你的班班通CPU型号太老了，请尝试使用其他应用，本应用可能在您的设备上无法流畅运行

> > 若您的设备为2018年以后的设备，建议使用最新版Windows10以上的系统（推荐使用Windows10LTSC版本）

- 2:在系统中必须安装有WebView2运行时，若未安装，请前往[Microsoft Edge WebView2 运行时](https://developer.microsoft.com/en-us/microsoft-edge/webview2/#download-section)下载并安装最新版

> 若您的设备无法升级Windows10以上的系统，您依旧可以尝试安装本应用，并安装WebView2运行时尝试

## 快速开始

- 前往release下载最新安装包

- 下一步、下一步\~\~\~\~ 直到安装完成

- 进行OOBE配置

- 开始使用

> 项目目前只支持Windows，因Macos与Linux在教学中应用不是很多，故暂时先不做适配

> 若后续MacOS或Linux上有需求，我会考虑进行适配

## 开发环境要求

- Node.js（推荐 20.x）

- Rust（稳定版）

- Tauri CLI

## 项目进展

项目还在施工，很多功能可能还没有写完，很多图标都是随便搞的，后面还会换

- ✅批注

- ✅触控

- ✅PDF、Word打开

- ✅允许PDF/.docx/.doc格式的文档以ViewStage为默认打开程序

- ✅允许从外部导入图片

- ✅图标完善（采用icons.bootcss.com中的图标，在此表示感谢(*^\_^*)）

- ✅设置

- ✅笔颜色（目前支持存储15中颜色）

- ✅多语言

- ❎支持手机作为信号源

- ❎支持手机上传图片及文件

- ⛏️OCR文档增强（特别感谢[https://github.com/liuzhuang1024/scan\_docments/）](https://github.com/liuzhuang1024/scan_docments/)

- ❓更多功能(欢迎到issues提交(*^\_^*))

## 许可证

本项目采用开源许可证，详见 [LICENSE](https://github.com/ospneam/ViewStage/blob/main/LICENSE) 文件。