BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

基于视频云的跨终端视频应用解决方案

| 作者 InfoQ中文站 关注 53 他的粉丝 发布于 2013年5月25日. 估计阅读时间: 7 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

基于视频云的跨终端视频应用解决方案

在现在的互联网上,视频流量已经占到了整个网络的流量的80%以上;在移动互联网上,视频流量同样也超过了移动总流量的50%,可以说视频已经成为了所有互联网必不可少的元素。但是对于开发者来讲,拥抱视频的成本相对于传统图文来说要大得多,其涉及到技术门槛也相对较高,并且想要满足大量视频的存储和全网加速等基本需求的成本都是非常昂贵的。同时在传统互联网到移动互联网的迁徙大势所趋中,如何能同步迁移移动互联网也是困难重重。

为了让任何网站或APP都可以轻松应用视频,CC视频通过搭建视频云平台降低用户使用视频成本,通过丰富的产品应用和开放平台让用户轻松使用视频。本文将通过介绍CC视频提供的技术整合方式,让你了解如何快速利用视频云构建自己的跨终端视频应用。

clip_image002

图(1) CC视频应用示意图

本文将对四类使用场景进行介绍:

1) 已有网站整合视频功能

2) 从无到有的视频网站建设

3) 已有移动APP整合视频功能

4) 快速定制和网站整合的视频APP

一、已有网站整合跨终端播放视频功能

对于任何网站,CC都提供基于Http协议的Spark API接口,开发者可以通过将API集成到自己的系统,通过自己的网站直接对外提供视频功能,而网站的用户完全不会感受到第三方CC视频的存在。

clip_image004

图(2) Spark API交互示意图

目前API主要支持获取用户信息、上传视频、获取指定视频、批量获取视频、编辑视频、删除视频、获取视频分类、获取视频播放代码等功能。API使用CC提供的HQLS加密算法对每次通讯进行加密保护。

为了确保视频在移动设备上都可以访问,通过整合Spark API的智能播放器代码,可以实现同一个网页的跨终端(PC、移动设备)播放。在移动设备浏览器上打开嵌入了智能播放器代码的网页就自动会调用Html5播放器进行视频播放。而这一智能代码在PC上会自动调用flash技术进行视频播放。通过简单地使用智能播放器代码,网站就可以轻松的解决视频跨终端播放的需求。并且CC视频通过对Html5播放器的皮肤重新自定义的技术,可以覆盖设备默认播放器的界面样式,达到和网站风格统一一致的效果。

智能播放器代码示例:

<script src="http://union.bokecc.com/player?vid=01143964D0CA8287&siteid=9822164826E2E283&autoStart=true&width=675&height=380&playerid=C280448C06EA3B8A&playertype=2" type="text/javascript"></script>

具体的Spark API接口可以访问http://dev.bokecc.com了解详情。

二、从无到有的视频网站建设

对于很多传统的平面媒体,往往需要很高的成本从无到有地进行网站建设。为了让客户可以快速地构建自己的视频网站,CC视频提供了CCVMS(CC视频管理系统)和CCVOD(CC视频点播系统)快速建站系统。

VMS(Video Management System)一词是CC视频在国内首创的视频管理系统概念,它类似于大家熟知的CMS系统。CCVMS系统主要是可以方便地让网站管理者快速地搭建视频网站,并且可以通过网页界面很方便地对视频网站进行相关的维护和管理,降低了技术门槛。并且它深度整合了CC视频云平台的Spark API,直接在该系统就可以对云平台的视频进行相应的管理工作。CCVMS系统统样也支持网站跨终端的视频播放。

clip_image006

图(3) CCVMS架构示意图

不同于目前主要面向传媒行业CCVMS系统,CCVOD系统主要面向教育行业搭建收费视频点播网站管理系统。

三、已有移动APP整合视频功能

为了满足日益增长的移动视频使用需求,CC视频从2012年推出了移动SDK,目前支持iOS和Android系统。任何APP都可以通过CCVideo SDK在应用里快速整合视频点播功能,目前主要包括在线视频播放、离线视频下载,视频拍摄上传,自定义播放器功能。

iOS和Android默认使用播放器都是全屏播放模式,并且界面样式也是统一的,无法和应用进一步融合。使用自定义大小尺寸、界面皮肤的播放器,可以使用小屏播放让视频很灵巧地融入到APP功能界面里,成为应用的一部分。

离线下载功能可以让用户在网络好的情况下(比如WIFI)将视频下载缓存好,在无网的情况可以离线观看。CC视频的离线下载播放还特别针对付费观看模式实现了加密保护播放功能。

拍摄上传则可以让任何APP都可以快速地拥有拍客的功能,快速地通过移动设备拍摄视频并及时发布,发布的视频会自动同步支持PC播放,实现多屏互动。另外下载和上传功能目前都支持断点续传和批量处理。

clip_image008

图(4) CCVideo SDK功能示意图

另外通过使用类似phoneGap的技术,也可以低成本地通过直接整合CC视频提供的js智能播放器代码的方式来实现移动APP的视频播放功能。

四、 快速定制和网站整合的视频APP

在没有自己的APP的情况下,任何网站如果希望快速打造移动视频APP,借此打通自己网站的移动入口,则可以通过在CC视频的《威视云视频》APP基础之上进行定制化的开发,快速实现和自己网站进行数据整合的APP。目前该APP已经上架到了苹果的APP Store和国内主流的各大安卓应用市场。它包含所有CCVideo SDK包所支持的视频功能。

clip_image010

图(5) 威视云视频APP

威视云视频APP目前依托和CCVMS系统的数据整合,完整地解决了从无到有构建视频网站和视频APP的需求,并且依托CC视频云平台进行视频全网加速播放。

在CCVMS后台有专门的APP内容管理模块和API,方便实现和APP的对接。网站编辑可以通过网站后台直接管理更新APP里发布的所有视频内容,很方便地实现APP的内容维护以及版本更新。

而该APP的数据接口API也可以由网站自己的系统模块提供,实现APP和网站的内容对接整合。

结束语

CC视频打造了“视频云+视频建站系统+视频APP”的整体跨终端视频解决方案,通过开放各个环节的整合方式,提供相应的整合工具,让视频云的核心价值快速轻松地被整合到其他网站和应用中,极大地降低了跨终端视频技术使用门槛,丰富了视频展示的体验和应用。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

广告 by 容 明才

广告

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

1 讨论

深度内容

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT