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

想做这个工具平台的目的是想取代传统录制 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 才算可以正常体验，未来将尝试下微信小程序版本的播放器开发，希望可以在移动端得到更佳体验～～