博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Clappr——开源的Web视频播放器
阅读量:4979 次
发布时间:2019-06-12

本文共 857 字,大约阅读时间需要 2 分钟。

 

巴西著名的门户网站(视 频播放器),使用的是基于OSMF的Flash组件。在最近几年的发展过程中,Globo为视频平台陆续添加了不少额外功能,例如: 字幕,广告,画中画播放等。然而,由于缺乏针对视频平台进行维护的专门小组,网站工程师之一的FlávioRibeiro越来越感觉这个平台落后和难以应 付不断增长的在线访问需求了。特别是今年,世界杯第二次来到足球王国,Globo将面临的是激增的赛事回放点击。有鉴于此,Ribeiro与同事们决定对 播放器进行升级改造。在进行一番验证测试后,决定以Clappr为基础再进行其它插件功能开发。

  Clappr是一款开源可扩展的Web视频播放器,容易上手和进行扩展并且有丰富的文档支持。改造后,视频流堆栈由HLS替代为RTMP,回放方式新增了HTML5直接播放。

Globo改版前的播放画面 

Clappr架构:

  以基于组件的软件工程理论为指导,Ribeiro团队列出了Clappr三个主要的插件:

  1.  

  用于播放某个视频资源。Clappr会遍历所有的回放插件直至找到能正确播放的插件。

  2.  容器插件

  每个回放都与一个容器关联。多数情况下一个容器与一个资源回放匹配并被实例化。监听事件包括播放/停止,进度条,水印等等。

  3.  核心插件

  该部分插件承载了核心控制功能。例如画中画功能,核心插件能够实例化两个容器,在Z轴方向把次要窗口缩小播放。

 外部插件

  Clappr的插件生成器能够让开发者非常方便地创建自己的外部插件。Ribeiro利用它创建了插件,实现了基于回放-容器插件的P2P统计功能。此外,Globo还推出了部分特色插件,例如进度条控制,缩略图浏览等等。

  技术支持

  • :进行EcmaScript 6代码编写;
  • :进行模块化加载,类似于node的require()方式;
  • 、、功能测试;
  • ::前端构建工具(创建,上传等等)。

转载于:https://www.cnblogs.com/LoveOrHate/p/4471293.html

你可能感兴趣的文章
微信小程序去除button默认样式
查看>>
Where does Visual Studio look for C++ Header files?
查看>>
Java打包可执行jar包 包含外部文件
查看>>
Windows Phone开发(37):动画之ColorAnimation
查看>>
js中escape,encodeURI,encodeURIComponent 区别(转)
查看>>
sass学习笔记-安装
查看>>
Flask (二) cookie 与 session 模型
查看>>
修改添加网址的教程文件名
查看>>
[BZOJ 1017][JSOI2008]魔兽地图DotR(树形Dp)
查看>>
裁剪图片
查看>>
数据结构实习 problem L 由二叉树的中序层序重建二叉树
查看>>
VS中展开和折叠代码
查看>>
如何确定VS编译器版本
查看>>
设置PL/SQL 快捷键
查看>>
个人阅读作业7
查看>>
转载:深入浅出Zookeeper
查看>>
GMA Round 1 新程序
查看>>
node anyproxy ssi简易支持
查看>>
编译预处理指令:文件包含指令、宏定义指令、条件编译指令
查看>>
PHP函数 ------ ctype_alnum
查看>>