V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
welefen
V2EX  ›  前端开发

[奇舞团开源] Chimee - 可扩展的组件化 H5 播放器框架

  •  2
     
  •   welefen · 2017-11-08 14:28:35 +08:00 · 3890 次点击
    这是一个创建于 2353 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Chimee --- 一套可扩展的 H5 视频播放器解决方案

    image

    Chimee 是由奇舞团开源的一套 H5 视频播放器解决方案,由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造。

    Chimee 支持 MP4、M3U8、FLV 等多种媒体格式,同时它也帮我们解决了大部分的兼容性、差异化问题,包括全屏、自动播放、内联播放、直播解码等常见媒体播放需求。

    通过便捷的可热插拔的插件开发,能满足业务方快速迭代、灰度发布等要求;让开发者能够更轻松快捷地完成不同业务场景下 UI、广告等各种功能需求的开发。

    image

    Chimee 帮我们解决了日常 H5-Video 应用开发中常见的几大问题:

    1. 各浏览器环境 UI 不统一的问题
    2. 不同环境中 API 的差异化
    3. 不同厂商事件行为的实现不尽相同,部分行为不完整等
    4. 媒体格式兼容问题:各浏览器对媒体格式编解码支持程度不同,以往常用的部分格式在原生环境中是不支持的
    5. UI 扩展之间及状态处理容易产生冲突
    6. 日志收集易耦合:太多日志收集上报需要我们在业务节点植入打点逻辑的方式,增加熟悉成本和维护难度,Chimee 解耦的插件功能机制,让事情条理更清晰、功能更纯粹
    7. 重复别人踩过的坑:如果你曾经从 0 开始开发你的 H5 播放器,一定会有深刻的体会,各种莫名其妙的问题接踵而至,让我们不得不放下正在做的事情,消耗掉大量的时间和精力去查证、解决,使用一套完备的解决方案,必然能让我们少走很多弯路。

    另外,针对有不同层次深度定制化需求的用户,Chimee 的横向和纵向分层设计,能更灵活的满足相应需求:

    image

    例如,针对在引入播放器时,并不希望全量打包,UI 插件或解码器有特定使用需求的用户,适当调整相应依赖,重新构建打包即可拿到更适合自己业务场景的 Chimee ;针对具备 UI 定制化需求的用户,只需要参考 pluginAPI 或现有的插件实现方式,适当修改调整或进行简单的开发,即可快速达成相应定制需求;针对更深层的,已经具备 H5-Video 播放器但需要扩展解码能力的用户,只需要去了解 kernal 层中相应解码器的应用即可。

    Chimee 是一套着眼于未来的 H5 视频播放器框架,它能让我们的开发人员不必分心研究视频编解码、繁杂的环境差异,让我们可以更专注于业务,保证产品的快速迭代、灰度发布,进而保证业务在快节奏的互联网浪潮中保持更好的势头。

    目前 Adobe 也早已宣布将于 2020 年停止开发更新 Flash,Chimee 提供有向下兼容的判断依据,但是 Chimee 也倡议大家一起来推动用户更早的脱离 Flash 播放器插件的依赖,希望 Chimee 的到来能让我们一起推动 WEB 环境更早的迈进下一步,更好的助力于行业的发展、发挥出更大的潜在价值。

    3 条回复    2017-12-29 16:31:31 +08:00
    MinonHeart
        1
    MinonHeart  
       2017-11-08 23:07:58 +08:00
    年底要到了
    sgy
        2
    sgy  
       2017-11-23 17:39:55 +08:00
    厉害了 我的哥
    feikeq
        3
    feikeq  
       2017-12-29 16:31:31 +08:00
    支持直播串流吗?我一般用原生的 video 标签也够用了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5121 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 01:17 · PVG 09:17 · LAX 18:17 · JFK 21:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.