PPTKit

写 HTML
演 PPT

零依赖演示平台。一个 Node.js 文件搞定演讲同步、音频直播、PDF 导出。写 HTML 就是做 PPT。

Node.js 零依赖 WebSocket 720 行
720
行代码
0
NPM 依赖
2
种模式
∞
观众同步
01 -- 界面预览
Interface
ppt.showhandtech.com
PPTKit
▶
Claude Code 实战分享
claude-code
🌐
ClaudeApp
claudeapp
🌐
Claude Pannel
claudepannel
🌐
大鸟英雄
daniao
02 -- 核心功能
Features
📡
实时演讲同步
演讲者翻页，所有观众实时跟随。WebSocket 全双工通信，手写 RFC 6455 帧解析，零延迟。扫码进来就能跟着看。
🎤
音频直播
演讲者开麦，观众实时收听。WebM/Opus 编码，MediaRecorder 录音 + MediaSource 播放。
📄
PDF 导出
一键导出 PDF。Puppeteer 无头渲染，保留全部样式和动画效果，直接分享给没法上网的人。
📱
双模式
PPT 模式翻页演讲，Page 模式滚动长页。一套系统两种展示，<meta type> 一行切换。
📊
访问埋点
内置 PV/UV 统计，按页面按天聚合，记录来源 Referer。/api/analytics 一个接口查全部。
🔄
降级容错
WebSocket 断了自动降级 HTTP 轮询，2 秒间隔。网络再差也能跟着演讲。
03 -- 技术架构
Architecture
HTML
→
server.js
→
WebSocket
→
观众浏览器
服务器
原生 http 模块，720 行，零 NPM 依赖
WebSocket
手写 RFC 6455 帧解析，支持文本 + 二进制
翻页引擎
engine.js 键盘/触摸/同步，311 行共享模块
内容
decks/ 每个子目录一份 PPT，放 index.html 自动识别
部署
PM2 + Nginx + Cloudflare，一行 scp 上线
新建一份 PPT
在 decks/ 下建个目录，放入 index.html，刷新首页自动出现
$mkdir decks/my-talk && vi decks/my-talk/index.html

在线访问: ppt.showhandtech.com