分享下自己做的微课制作平台，持续更新 bug 修复经验

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2821 天前的主题，其中的信息可能已经有所发展或是发生改变。

想做这个工具平台的目的是想取代传统录制 mp4 视频方式来做体验更好的微课。

由于视频占用空间巨大，耗费流量也不小，同样录制剪辑成本较高，所以我想如果能用新技术基于浏览器 HTML5 技术来打造一套能渲染矢量书写笔迹，配以背景课件，同步音频效果的录制&播放工具，可以大大改良微课制作及微课观看的体验～

经过一段时间的技术攻关和产品打磨，目前已支持大致功能有 PDF 课件上传，手写笔迹，文字，贴图，在线交互测试题，语音录制，动画效果等

配套的 H5 播放器提供发弹幕，截屏提问，支持手机、 pad 上 chrome 浏览器观看

目前很遗憾还没能好好录制一份 Demo 微课做为产品使用介绍:sweat:

欢迎大家来用用，目前主要用途定义为微课录制，但是我想也能用在其他很多地方，比如可以用来练习演讲，练习 presentation

体验地址： https://17up.org

作为一次尝试，肯定会遇到很多问题，今后将努力完善，尝试改进，之后的改进将不定期更新在下方，也算是经验分享，感谢大家的关注！

Bug 修复记录

2017-02-13 已修复一个重大兼容性 bug

由于课件图片采用了 webp 格式存储在 upyun 上，所有不支持 webp 格式图片的浏览器在播放视频时都卡在了“加载图片中...”，现已修复，测试通过于 Firefox

解决方案： upyun 可以直接在图片访问路径后加自定义版本号来转换图片，所以只要预先判断当前浏览器不支持 webp ，则加上一个指定的版本号去读取 jpg 或者 png 格式图片，就可以解决兼容性问题了。

但是在测试 safari 时，发现 safari 目前仍然不支持 opus 编码的 ogg 音频，所以播放时，仍然会卡在“正在加载音轨...“ 移动端浏览器，最新 chrome mobile 是可以正常播放的，包括音频。 safari mobile 预计肯定无法播放音频， QQ mobile 浏览器，无法播放音轨， canvas 渲染能力也比 chrome 差不少。

总结：在移动端只有 chrome 才算可以正常体验，未来将尝试下微信小程序版本的播放器开发，希望可以在移动端得到更佳体验～～

第 1 条附言 · 2017-02-17 09:31:19 +08:00

很荣幸被采访报道了一下 http://www.lieyunwang.com/archives/272150

第 2 条附言 · 2017-02-19 22:13:45 +08:00

2017-2-19 更新
新增笔迹曲线优化，消除不必要的曲线锯齿，使用 simplify-path 提供的算法，感谢网友反馈的笔迹锯齿问题！
下一步，我希望尝试增加手写板压感效果支持，自己刚买了块 wacom 的数位板，可以有压感支持，笔迹就能自动调节粗细了吧

第 3 条附言 · 2017-03-27 23:46:11 +08:00

3 月 27 日更新

已新增 “笔迹灵敏度” 用户偏好设置，可以自由调节手写笔迹的平滑度。
已更换 ssl 证书， startssl 的免费证书被各大浏览器封杀，官方回复预计要几个月才能恢复，于是找到了靠谱的 letsencrypt ，参照官方教程，很容易配置。
已调整录制按钮到底部菜单。

正在开发 android app player ， cordova + vue.js

第 4 条附言 · 2017-04-06 13:43:33 +08:00

Alt Text