精选我的作品

展示创新与实践的结合。

项目总览

项目总览

GitKMPVue.js

基于 Git 提交记录整理的完整项目清单,覆盖 20 个仓库、390+ 次提交,从底层 SDK 到上层业务的全链路开发。

技术栈与特性

  • 20+ 个仓库,390+ 次提交
  • 覆盖 Android / iOS / HarmonyOS / Web / 小程序 五端
  • 从底层 RTC SDK 到上层业务应用全链路
  • AI 集成、音视频、跨平台架构完整实践
个人空间网站

个人空间网站

Next.jsThree.jsFramer Motion

一个展示个人作品和技能的沉浸式 3D 网站,使用 Next.js 和 Three.js 构建。

技术栈与特性

  • AI与个人独立开发
  • 3D 粒子背景与交互
  • 多种多媒体内容展示
  • 集成openclaw-webchat,支持实时聊天及操纵服务器
PCLive 云课堂

PCLive 云课堂

Vue.jsJavaArkTS

学点云核心产品 — 全平台在线直播课堂。Web 端为主项目(Vue.js + WebRTC),7年持续迭代,同时覆盖 Android、iOS、HarmonyOS、微信小程序等多端。自研 XRTC SDK 封装四引擎,集成 AI 降噪与视觉分析。

技术栈与特性

  • Web 主项目 12 种课堂布局、163 功能组件、6 语言国际化、PWA 离线
  • 自研 XRTC SDK 封装 Agora/华为/腾讯/网易四引擎,Android/iOS/HarmonyOS 三端统一 API
  • Android TBS (X5 WebView) + iOS SDK (ObjC) + HarmonyOS (ArkTS) 全平台原生端
  • 微信小程序 (xdyWeChat),WebView 嵌入 + postMessage 通信
Classate 学生端

Classate 学生端

KotlinKMPCompose

学点云在线课堂旗舰移动 App,Kotlin Multiplatform 跨平台构建,同时支持 Android 和 iOS。基于 LiveKit WebRTC 引擎和腾讯 IM 消息系统,集成 AI 视觉专注度分析与端侧语音识别。

技术栈与特性

  • Kotlin Multiplatform 跨平台架构,一套代码覆盖 Android + iOS
  • 基于 LiveKit WebRTC 引擎(非 Agora),TextureViewRenderer 硬件加速
  • AI 视觉分析:豆包/Qwen 双模型监测学生课堂专注度
  • 端侧语音识别 (SherpaNcnn),完全离线保护隐私
  • 腾讯 IM 聊天 + 三通道推送 (FCM/Honor/IMPush)
ClassTik 网校

ClassTik 网校

Vue.jsElement UINetEase NIM

学点云多机构在线网校平台。Web 端 (mobileSchool) 为旗舰,支持选课预约、课堂管理、作业批改、IM 即时通讯、学习报告等完整教学流程。同时覆盖 Android、iOS、HarmonyOS、微信小程序四端原生壳。

技术栈与特性

  • Web 主项目 67 个懒加载路由模块、6 语言国际化、多机构 SaaS 多租户
  • 选课中心 / 课堂管理 / 作业系统 / 资料中心 / IM 即时通讯 / 学习报告
  • Android (Java WebView) + iOS (ObjC WKWebView) + HarmonyOS (ArkTS) 全平台原生壳
  • 微信小程序 WebView 嵌入,阿里云 7 通道厂商推送
屏幕共享远程控制扩展

屏幕共享远程控制扩展

Chrome ExtensionCDPManifest V3

自研 Chrome 扩展 (Manifest V3),通过 CDP (Chrome DevTools Protocol) 在课堂屏幕共享中实现远程鼠标键盘控制。产生 isTrusted:true 的系统级输入事件,自动跟随标签页切换,支持 Plan A/B 降级策略。

技术栈与特性

  • CDP Input.dispatchMouseEvent/KeyEvent 注入 isTrusted:true 事件
  • 自动目标标签页选择 + 切换自动跟随,视口坐标映射
  • window.postMessage ↔ chrome.runtime 双通道桥接
  • Plan A (DOM dispatchEvent) / Plan B (CDP) 自动降级