Clappr——开源的Web视频播放器
来源:互联网 发布:南方全站仪pts数据 编辑:程序博客网 时间:2024/04/30 10:30
巴西著名的门户网站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。
0 0
- Clappr——开源的Web视频播放器
- Clappr——开源的Web视频播放器来自信心的你
- web视频播放器
- 使用clappr player和SMIL播放多路rtmp视频流
- web flash 视频播放器代码开源
- Flowplayer基于视频流的免费web视频播放器
- 功能强大易用的Web视频播放器——Flowplayer(使用方法及演示)
- 开源的Android视频播放器
- 国内开源的视频播放器
- 开源的Android视频播放器
- 开源的Android视频播放器
- 视频播放器的开源项目
- 5 个免费的 Web 视频及音频播放器
- 5 个免费的 Web 视频及音频播放器
- 20+ 个免费和高级的 Web 视频播放器
- 20+ 个免费和高级的 Web 视频播放器
- Flowplayer一款免费的WEB视频播放器
- Flowplayer-一款免费的WEB视频播放器
- 黑马程序员---java数组
- 【高质量代码】如何写出更高质量的C/C++代码(2):函数设计
- WP8 真机调试出现 指定的通信资源(端口)已由另一个应用程序使用 的解决方法
- 行存储和列存储--大数据应用选择
- iOS SQLite存储blob类型的data数据
- Clappr——开源的Web视频播放器
- linux 多核启动
- SEL数据类型的简单知识点——和方法有关
- C语言猜数字小游戏
- java log4j日志的记录
- 稳定排序(sort)
- SRIO高速互联
- transaction on mysql的一个有用网址
- 每个程序员都会犯的10个错误