预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共31页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113672405A(43)申请公布日2021.11.19(21)申请号202110970125.7H04N21/4402(2011.01)(22)申请日2021.08.23H04N21/81(2011.01)H04N21/84(2011.01)(71)申请人上海哔哩哔哩科技有限公司地址200433上海市杨浦区政立路485号国正中心3号楼(72)发明人仲强翁阳吉小龙(74)专利代理机构北京英特普罗知识产权代理有限公司11015代理人王勇(51)Int.Cl.G06F9/54(2006.01)G06F9/455(2006.01)G06F8/20(2018.01)G06F8/38(2018.01)H04N21/44(2011.01)权利要求书5页说明书16页附图9页(54)发明名称数据交互系统和基于数据交互系统的页面展示方法(57)摘要本申请提供了一种数据交互系统,包括客户端程序和H5容器,H5容器运行有小程序;通过H5容器解析小程序中页面的页面逻辑,基于页面逻辑调用客户端程序;通过客户端程序响应H5容器基于页面逻辑的调用,执行相应的功能;通过H5容器解析页面的渲染初始数据,基于渲染初始数据调用客户端程序;通过客户端程序响应H5容器基于渲染初始数据的调用,生成并返回渲染处理结果;通过H5容器接收并呈现客户端程序返回的渲染处理结果。本申请通过“H5容器+客户端程序”方式开发小程序,使得客户端程序向H5容器提供相应的功能和渲染处理结果,通过H5容器实现页面展示,便于小程序的快速开发和迭代;提高小程序开发的效率。CN113672405ACN113672405A权利要求书1/5页1.一种数据交互系统,其特征在于,包括客户端程序和H5容器,所述H5容器运行有小程序,其中:所述H5容器,用于:解析所述小程序中页面的页面逻辑,并基于所述页面逻辑调用所述客户端程序;所述客户端程序,用于:响应所述H5容器基于所述页面逻辑的调用,执行相应的功能;所述H5容器,还用于:解析所述页面的渲染初始数据,并基于所述渲染初始数据调用所述客户端程序;所述客户端程序,还用于:响应所述H5容器基于所述渲染初始数据的调用,生成并返回渲染处理结果;及所述H5容器,还用于:接收并呈现所述客户端程序返回的所述渲染处理结果。2.根据权利要求1所述的数据交互系统,其特征在于,所述小程序包括:逻辑层,用于解析所述页面的页面逻辑,并配置有供所述页面调用的视频API,所述视频API定义有能力协议,所述能力协议定义有所述视频API的消息传输格式;API消息通道,用于将所述视频API提供的API消息传输至客户端程序,以便所述客户端程序根据所述能力协议识别所述API消息并基于所述API消息调用相应的功能,所述视频API提供的API消息通过解析所述页面的页面逻辑得到;渲染层,用于解析所述页面的渲染初始数据,并配置有供页面调用的视频组件,所述视频组件定义有组件协议,所述组件协议定义有所述视频组件的消息传输格式;及组件消息通道,用于将所述视频组件提供的组件消息传输至所述客户端程序,以便所述客户端程序根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理,所述视频组件提供的组件消息通过解析所述页面的渲染初始数据得到;还用于接收渲染处理结果,以便所述渲染层呈现所述渲染处理结果。3.根据权利要求1所述的数据交互系统,其特征在于,所述渲染层,还用于:确定所述渲染初始数据是否包括视频标签;若所述渲染初始数据包括所述视频标签,则确定与所述视频标签对应的目标视频组件;获取所述目标视频组件在所述H5容器中的基础数据,所述基础数据包括大小、位置和/或样式;通过所述目标视频组件将所述基础数据封装为所述组件消息;及将所述组件消息通过所述组件消息通道传输至所述客户端程序,以便所述客户端程序基于所述基础数据进行渲染并返回渲染处理结果,以便所述渲染层呈现所述渲染处理结果。4.根据权利要求2所述的数据交互系统,其特征在于,所述相应的功能包括设置所述渲染层中相应的视频组件;所述组件消息通道,还用于:将所述视频组件被设置后更新的基础数据发送至所述客户端程序,以便所述客户端程序基于所述更新的基础数据进行渲染处理并返回渲染更新结果,以便所述渲染层呈现所述渲染更新结果;其中,所述更新的基础数据包括所述视频组件的组件样式参数和/或所述H5容器的布局参数。5.根据权利要求2所述的数据交互系统,其特征在于,所述能力协议包括所述视频API2CN113672405A权利要求书2/5页和所述客户端程序之间定义的关键值和实现所述视频API的功能所需的参数,所述关键值包括对所述视频API的功能描述;所述组件协议包括所述视频组件和所述客户端程序之间定义的组件标识信息和展