V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
veggie
V2EX  ›  分享创造

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

  •  
  •   veggie · 2017-02-13 17:55:42 +08:00 · 2484 次点击
    这是一个创建于 2841 天前的主题,其中的信息可能已经有所发展或是发生改变。

    想做这个工具平台的目的是想取代传统录制 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

    6 条回复    2017-06-30 14:47:16 +08:00
    veggie
        1
    veggie  
    OP
       2017-02-21 11:18:19 +08:00
    新增 道格拉斯-普克算法 微课演示, https://17up.org/player#/v/-KdTc9u9DRIqpMg8TNxs
    veggie
        2
    veggie  
    OP
       2017-02-23 18:24:18 +08:00
    新增语音 30 秒连续录制直播功能,模仿千聊 live ,也就是最多延迟 30 多秒,暂时放弃 webrtc 这货了
    cattrace
        3
    cattrace  
       2017-03-02 18:02:35 +08:00
    试看就不要搞什么登录和 20s 限制了啊。。
    veggie
        4
    veggie  
    OP
       2017-03-02 18:35:51 +08:00
    @cattrace 好,应要求已经去除 20 秒试看限制啦,不过未登录用户无法拖动进度条,设置了一点小障碍
    veggie
        5
    veggie  
    OP
       2017-05-05 09:27:30 +08:00
    手绘微课 小程序已发布,欢迎体验
    veggie
        6
    veggie  
    OP
       2017-06-30 14:47:16 +08:00
    手绘微课 小程序已更新,增加邀请卡功能
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1181 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:06 · PVG 02:06 · LAX 10:06 · JFK 13:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.