Clappr——开源的Web视频播放器

[复制链接]
咽泪装欢 发表于 2016-9-25 14:39:23
362 653
  巴西著名的门户网站Globo.com(视频播放器),使用的是基于OSMF的Flash组件。在最近几年的发展过程中,Globo为视频平台陆续添加了不少额外功能,例如: 字幕,广告,画中画播放等。然而,由于缺乏针对视频平台进行维护的专门小组,网站工程师之一的FlávioRibeiro越来越感觉这个平台落后和难以应付不断增长的在线访问需求了。特别是今年,世界杯第二次来到足球王国,Globo将面临的是激增的赛事回放点击。有鉴于此,Ribeiro与同事们决定对播放器进行升级改造。在进行一番验证测试后,决定以Clappr为基础再进行其它插件功能开发。
          Clappr是一款开源可扩展的Web视频播放器,容易上手和进行扩展并且有丰富的文档支持。改造后,视频流堆栈由HLS替代为RTMP,回放方式新增了HTML5直接播放。
       

        Globo改版前的播放画面

       

        增加Clappr插件后的播放画面

          Clappr架构:
          以基于组件的软件工程理论为指导,Ribeiro团队列出了Clappr三个主要的插件:
          1.  回放插件
          用于播放某个视频资源。Clappr会遍历所有的回放插件直至找到能正确播放的插件。
          2.  容器插件
          每个回放都与一个容器关联。多数情况下一个容器与一个资源回放匹配并被实例化。监听事件包括播放/停止,进度条,水印等等。
          3.  核心插件
          该部分插件承载了核心控制功能。例如画中画功能,核心插件能够实例化两个容器,在Z轴方向把次要窗口缩小播放。
       

        Clappr架构图

          外部插件
          Clappr的插件生成器能够让开发者非常方便地创建自己的外部插件。Ribeiro利用它创建了BemTV插件,实现了基于回放-容器插件的P2P统计功能。此外,Globo还推出了部分特色插件,例如进度条控制,缩略图浏览等等。
          技术支持
           
  •                 Traceur:进行EcmaScript 6代码编写;       
  •                 Browserify:进行模块化加载,类似于node的require()方式;       
  •                 Karma、Sinon、Mocha功能测试;       
  •                 Gulpjs::前端构建工具(创建,上传等等)。
          除了PC端,Globo正逐步完善移动端的部署,具体请查阅iOS或Anroid。
          原文出自:Flavioribeiro
前端开发|前端设计:www.admin19.com

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
柠檬味的少女 发表于 2016-9-26 09:21:12
秀起来~
一场梦来终是空 发表于 2016-9-28 22:37:55
小白一个 顶一下
谁不低头丶 发表于 2016-9-29 20:48:20
在撸一遍。。。
橡皮擦不掉回忆 发表于 2016-9-30 20:04:53
新睿社区-精品资源网下载discuz插件
Demon、微光 发表于 2016-10-2 09:56:54
真是汗啊  我的家财好少啊  加油
囚她于心 发表于 2016-10-6 18:31:18
专业抢沙发的!哈哈
包子入侵 发表于 2016-10-13 23:30:21
众里寻他千百度,蓦然回首在这里!
(︶︿︶)凸 发表于 2016-11-1 16:22:43
在撸一遍。。。
罗密欧与猪过夜 发表于 2016-11-19 05:03:18
我了个去,顶了
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

×「 汇享网 」发帖友情提示:
本站禁止发布带有网投链接,网投群号,网投截图,黄色信息、血腥图片、转发垃圾信息等恶意信息内容贴

推荐阅读

平台简介

汇享云网(MyHxzy.com),是一家 Discuz! 商业插件、风格模版、网站源码、 Discuz! 运营维护技术等于一体的交流分享网站,全站88%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---汇享云(如果我们有侵犯了您权益的资源请联系我们删除)

本站版权归属:深圳市汇享网络科技有限公司 ( 闽ICP备15015629号 )
返回顶部 返回列表