RSP能力介绍.ppt

streamezzo rich media services,training,1,培训计划,step 1: rsp技术原理、界面设计方法 step 2:目前rsp可实现的功能、界面效果 step 3: rsp存在的技术限制 step 4: rsp的开发流程、以及单个业务的开发周期 step 5:现有终端产品的技术体系结构.,step 2: rsp的技术原理; 界面设计方法,3,rsp的技术原理,1: 概览 简介富媒体技术 简介富媒体开发套件 2: 技术 场景图形展示技术简介 rich media server pages（rsp）简介 instantscript简介 3: 特色 网络应用简介 缓存技术 音视频播放 屏幕适配,概览: 什么是富媒体服务?,富媒体内容包含： 所有的多媒体内容：文本，图形，位图，音频，视频 动画 用户交互 基于客户端-服务器的架构 客户端 富媒体引擎 与设备交互接口 本地脚本支持（instantscript） 请求富媒体服务器与其交互 服务器端 富媒体内容动态的在服务器编译 与后台交互 使用java程序 响应客户端请求,4,概览: 商业用例,5,概览: 富媒体开发特性,一个完整富媒体服务的开发套件 提供客户端和服务器端交互的解决方案 关键特性 富媒体内容支持: 音频，视频，图片，文本，图形 动画 丰富的用户交互 对低端到高端设备的支持 流支持: 音/视频流 富媒体内容流 富媒体内容更新 轻量级的语法规范 对java代码的支持(有原生态jsp衍生),6,概览: 富媒体服务组成,7,scene.stz,富媒体服务器端 webapp,service,build dynamic content,scene.rsp,a/v streaming server,富媒体客户端程序,back-ends,概览: 平台支持,原生平台 symbian: serie 60(受安装包大小限制) serie 60 2nd edition feature pack 2 (受安装包大小限制) serie 60 3rd edition serie 60 5rd edition windows mobile: pocket pc 2003 & 2005 smartphone 2003 & 2005 linux iphone (受证书授权大小限制) andriod oms j2me (受安装包大小限制) midp 1 midp 2,8,概览: 多媒体支持,文本 使用系统字体 能设置文字样式 位图 png jpeg 音频(嵌入到.3gp) amr_nb aac_lc 视频(嵌入到 .3gp) h.263 baseline h.264 baseline mp4-video sp 在设备上: 提供一个 3gpp a/v player 也支持调用本地播放器实现对其他格式的支持（mp3） 音视频传输与访问: 音视频以流式传输，从http 或 rtsp 或本地文件获得源,9,概览: 软件套件概述,10,客户端包,发布服务,studio + developer,组件,什么是rsp ? (1),rsp是富媒体场景描述语言 它用于在一个rsp文件中定义一个场景或场景中的一部分内容 它能更新场景中的内容，大多数情况下更新是类似于ajax方式进行的 rsp拥有一个类似于jsp的简单语法： 使用java构建xml树 将java编译成class文件 最终得到一个可以被客户端渲染的二进制流（stz） 富媒体引擎根据xml语法解析基本对象 “ vertalign=“middle“ / 和web不同，媒体流是线性的,11,场景图表示,富媒体内容= 树 树根 树枝(节点) (transform) 叶子(graphic/audio content, interaction) 每一个节点都有自己的属性,12,什么是rsp ? (2),与web,wap不同，rsp拥有一个时间轴 场景中的多个部分可以在不同的时间被执行 在rsp中最小的部分我们叫“unit”，富媒体引擎不能解析比它更小的单元。 有很多多媒体单元 (图片，音/视频 ) and scene description units aunit or access units 场景表述由很多个“节点”组成: 可视节点 (images, video, vector objects, texts, ) 逻辑节点 (可以更改其他的节点) 动画节点 分组节点 : “ transform ” 所有类型的节点可以被嵌套（不能跨父节点嵌套）,13,什么是rsp ? (3),节点在客户端的树中被描述 客户端只根据框架渲染树一次 树可以被修改用“更新”节点 insert: 将一个节点插入到另一个节点中 delete replace: 修改一个节点或其属性 任何节点都是rsp语言的xml元素 节点都有一个“def”和一个“active”属性 def是节点的唯一标识 如果节点的“active”是“false”，则在渲染时会被忽略 更新节点通常会定义一个目标节点,14,15,访问一个新的场景 non appended (默认) 前一个场景被后一个场景代替,appended 新场景覆盖在前一个场景上 (添加/删除/更新元素),场景追加,示例: hello world,16,rme中的坐标,如果没有指定，屏幕中心为原点（0，0） transform节点能重定义坐标原点，在transform中的所有的节点的原点坐标都以该transform定义的为准 指定坐标时x是第一个参数，y是第二个 使用“delta”属性能让transform中的节点等距排列. 界面上的每个图元的定位都是于物理像素点的绝对坐标和相对坐标定位的. 触屏版本设计界面不能太拥挤.特别是电容屏手机.,17,0,0,x,y,view / content,view / content 体系结构是非常有用的在实际应用中。它能提高展现速度 视图应该包括除展示数据外的显示效果和各种显示和业务逻辑,18,富媒体界面设计方法,画storyboard (业务场景流程) 说明业务的场景数 说明业务交互的场景流程 ui布局说明 描述页面页面元素标记 ui界面设计规则 触屏操作/导航操作 图元大小,颜色值. 展现效果. viso设计ui界面 绘制业务界面,19,画storyboard,城市实况,首页显示城市实况类型列表,城市整体路况图,该栏目主要为查询不同路段的交通实况,区域道路信息列表,路口直播,道路实况,实况直播,道路路口信息列表,选类道路,选择路口,重要路口列表,路口信息列表,选类路口,路口实况图,选类路口,路口搜索,富媒体界面设计方法,ui布局说明,21,富媒体界面设计方法,ui按键操作,22,ui按键操作说明 当界面中的元素超过一屏时，需智能显示翻屏箭头，翻屏箭头只起指示作用，其大小比触摸版的箭头要小。 上下翻屏：当焦点移到该屏节目最下面的节目内容时，再按下键，前往下一屏。同理，当焦点移到该屏最上面的节目内容时，按上键，则前往上一屏。 点发送,富媒体界面设计方法,ui布局,23,step 2: 目前rsp可以实现的功能和界面效果,25,目前rsp可实现的功能、界面效果,1:目前rsp可实现的功能 c/s模式的客户端与服务器的交互. 支持多媒体;调用 第三方程序,支持内嵌浏览器 小于1m文件下载.读取本地文本,xml文件,流媒体文件 本地电话薄调用,拨打电话,发送短信 本机缓存清除. 2：目前rsp可实现的界面效果 列表,滑动列表,拉伸列表; carousel2d; carousel3d; mosaic(九宫格) 列表,文字滑动; 平移性的动画效果.,step 3: rsp的存在的技术限制,rsp存在的技术限制,1.客户端页面与服务器交互要求带宽达到64kbps,否则访问网络很慢 2.客户端每次请求服务器都需要建立连接.耗时大约2秒左右. 3.rsp页面的点击事件是基于物理坐标点的定位,多层次页面处理比较复杂. 4.客户端不能使用大量的贴图,否则内存消耗很大,容易退出. 5.instantscript脚本不能实现复杂的界面校验.客户端脚本太多会导致安装包很大. 6.服务器端的页面如果由于网络中断,无法渲染到客户端,会导致客户端页面空白,无内容(aunit丢包).而客户端无法自动监测. 7.客户端rme缓存大小受限制,不能缓存大量文件(目前只有1m的cache) 8.rsp页面请求属于单任务模式.不能同时发送多个请求.容易导致卡死 9.cacheoject 受url参数限制,参数太多,导致url太长,查询cache的时候,速度很慢. 10.单个图片太大导致客户端图片渲染很慢.如交通地图显示很慢 11.本地保存文件支持较差. 12.对图元的三维操作,旋转操作支持较差,而且开发比较复杂 13.rsp开发跨平台,但是不跨屏幕,不同的屏幕分辨率要分别适配. 14.不同平台的rme受平台的限制.相同的功能可能实现方式不同. 15.请求的文本参数不能大于1k;下发文本不能超过1w字,rsp目前存在的技术限制,16.同一点位点击按下,和弹起的两个事件只能选择其一,否则会引起事件串联. 17.单个对象的拖动操作,桌面的自定义摆放很难实现. 18.不能实现地图的gis效果;图片模仿的效果差,不能商用. 19.调用第三方程序的时候,不能内嵌. 20.字体依赖于操作系统,字体大小在一个程序里面只能定义 大,中,小三种,不能自定义任意大小.改变一种字体的大小,会引起整个系统任何地方字体的改变. 21.rsp页面声明的instancescript public方法和变量,class不能超过64个. 22.内嵌浏览器andriod.平台不支持wap1.0，andriod版本不能控制用户手机的cmwap连接. 23.页面交叉连接处理能力,循环嵌套连接处理能力比较差.(树形结构相关.不允许全局树节点重名.) 24.界面上的每个图元的定位都是于物理像素点的绝对坐标和相对坐标定位的. 触屏版本设计界面不能太拥挤.特别是电容屏手机.导致操作很难点击.,step 4: rsp的开发流程、以及单个业务的开发周期,rsp开发流程和开发周期,1.业务组分析客户业务需求,编写stroybody及ui交互界面.(业务组长负责) 2.ui审核,有产品组,美编等领导审核. 3.审核通过后交美编设计ui界面. 4.同时开发人员设计界面layout结构. 5.美编提供ui效果图和切图给开发人员开发. 6.自测通过后提交集成.集成发布打包后提交测试组测试. 7.测试通过后填写上线评估报告.通知正式上线.,概览: 开发流程,31,storyboard images video audio,step 5: 现有终端产品的技术体系结构，实现原理,33,现有终端产品的体系结构,1:目前现有终端产品 无线城市(湖北) 无线城市(江西) 无线城市(上海) 无线城市(贵州) 无线城市其他 湖北g7演示版本. 2：目前现有终端产品的体系结构. 各地市上线的版本都是资源集中管理的在线版本 湖北g7演示版本是采用xml技术资源集中管理部分业务离线的版本,34,在线版本终端产品的体系结构图,1:描述 该体系结构采用资源共享模式 2：优点. 资源集中管理,可以的独立出来单独开发.资源只需加载一次. 预加载图