直播应用中的交互方法、装置和计算机可读存储介质制造方法及图纸

技术编号:21453446 阅读:24 留言:0更新日期:2019-06-26 04:37
本发明专利技术公开了直播应用中的交互方法、装置和计算机可读存储介质,直播应用包括浏览器组件和本地组件,所述方法包括:在直播应用启动后,接收服务器下发的前端页面,以及与前端页面对应的配置文件;通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;响应于界面上的操作事件,根据配置文件判断操作事件的操作对象是否为前端页面;是则将操作事件传递给前端页面进行处理。该技术方案一方面使得直播应用的许多功能可以与直播应用松耦合,通过更改简易、对用户影响较小的前端页面方便地实现功能的推陈出新,另一方面通过配置文件简便地确定操作事件的处理方式,确保了用户操作的正常识别,不影响用户的使用。

【技术实现步骤摘要】
直播应用中的交互方法、装置和计算机可读存储介质
本专利技术涉及计算机
,具体涉及直播应用中的交互方法、装置和计算机可读存储介质。
技术介绍
随着互联网技术的不断发展,许多用户青睐于直播应用,直播身边发生的人或事成为了一种潮流。而直播应用为了满足用户日益增长的需求,就需要经常进行功能的变更,而用户往往是抗拒频繁更新直播应用的。
技术实现思路
鉴于上述问题,提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的直播应用中的交互方法、装置和计算机可读存储介质。依据本专利技术的一个方面,提供了一种直播应用中的交互方法,所述直播应用包括浏览器组件和本地组件,该方法包括:在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面;是则将所述操作事件传递给所述前端页面进行处理。可选地,该方法还包括:若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。可选地,所述操作事件为点击事件和/或滑动事件。可选地,所述配置文件包括若干个热区的配置信息;所述根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面包括:判断所述操作事件是否落入一个热区中,是则确定所述操作事件的操作对象为所述前端页面。可选地,所述热区的形状为矩形,所述热区的配置信息包括所述矩形在所述界面上对应的坐标区间;所述判断所述操作事件是否落入一个热区中包括:判断所述操作事件的坐标值是否落入与一个热区对应的坐标区间。可选地,所述在所述直播应用的界面中加载所述前端页面包括:对所述前端页面中非热区的部分进行透明化处理。可选地,所述将所述操作事件传递给所述前端页面进行处理包括:通过JSBridge将所述操作事件传递给所述前端页面的JavaScript脚本进行处理。依据本专利技术的另一方面,提供了一种直播应用中的交互装置,所述直播应用包括浏览器组件和本地组件,该装置包括:接收单元,适于在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;加载单元,适于通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;事件处理单元,适于响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面,是则将所述操作事件传递给所述前端页面进行处理。可选地,所述事件处理单元,还适于若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。可选地,所述操作事件为点击事件和/或滑动事件。可选地,所述配置文件包括若干个热区的配置信息;所述事件处理单元,适于判断所述操作事件是否落入一个热区中,是则确定所述操作事件的操作对象为所述前端页面。可选地,所述热区的形状为矩形,所述热区的配置信息包括所述矩形在所述界面上对应的坐标区间;所述事件处理单元,适于判断所述操作事件的坐标值是否落入与一个热区对应的坐标区间。可选地,所述加载单元,适于对所述前端页面中非热区的部分进行透明化处理。可选地,所述事件处理单元,适于通过JSBridge将所述操作事件传递给所述前端页面的JavaScript脚本进行处理。依据本专利技术的又一方面,提供了一种计算机可读存储介质,存储一个或多个程序,所述一个或多个程序当被处理器执行时,实现如上述任一项所述的方法。由上述可知,本专利技术的技术方案,在直播应用启动后利用内置的浏览器组件加载从服务器接收的前端页面,并在内置的本地组件的上层进行展示,在与用户进行交互时,根据同样从服务器接收的前端页面的配置文件来确定哪些操作事件需要交由前端页面进行处理。该技术方案一方面使得直播应用的许多功能可以与直播应用松耦合,通过更改简易、对用户影响较小的前端页面方便地实现功能的推陈出新,另一方面通过配置文件简便地确定操作事件的处理方式,确保了用户操作的正常识别,不影响用户的使用。上述说明仅是本专利技术技术方案的概述,为了能够更清楚了解本专利技术的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂,以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本专利技术的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:图1示出了根据本专利技术一个实施例的一种直播应用中的交互方法的流程示意图;图2示出了根据本专利技术一个实施例的一种直播应用中的交互装置的结构示意图;图3示出了根据本专利技术一个实施例的一种计算机可读存储介质的示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。图1示出了根据本专利技术一个实施例的一种直播应用中的交互方法的流程示意图,其中,直播应用包括浏览器组件和本地组件,该方法包括:步骤S110,在直播应用启动后,接收服务器下发的前端页面,以及与前端页面对应的配置文件。直播应用可以从服务器获取用户的直播视频,用户打开直播应用即可进行观看;用户也可以通过直播应用拍摄视频上传至服务器供其他用户观看。观看直播视频的页面通常称为“直播间”,在直播间页面观看用户(通常称为“观众”)与直播用户(通常称为“主播”)可以进行互动,例如观众向主播赠送直播应用提供的虚拟礼物,虚拟礼物可以通过支付兑换、在线领取等方式获得,种类也可以有很多。步骤S120,通过浏览器组件在应用的界面中加载前端页面,并在本地组件的上层进行展示。本实施例中的直播应用包含浏览器组件(例如webview)和本地组件(可称为Native),并非是单一的B/S(浏览器/服务器)架构或是C/S(客户端/服务器)架构,其中,浏览器组件加载前端页面,例如HTML5页面,与服务器形成了B/S架构;而本地组件可以独立执行一些功能,也可以与服务器进行交互(例如从服务器获取到直播视频,在本地进行播放),与服务器形成了C/S架构。因而整个直播应用可称为是混合架构的。步骤S130,响应于界面上的操作事件,根据配置文件判断操作事件的操作对象是否为前端页面。举例来说,操作事件可以为点击事件和/或滑动事件。例如用户点击屏幕,在屏幕上滑动,这样由于前端页面覆盖在本地组件上进行展示,那么必然会带来一个新的问题:如何判断一个操作事件是针对本地组件还是前端页面的。举例来说,前端页面中有一些控件可以被点击,本地组件也有一些按钮可以被点击,虽然为了展示效果二者通常不会重叠,用户也不会知道实际上不同的按钮、控件是由不同的组件展示的,但是前端页面、本地组件需要明确一个操作事件的操作对象是否是自己,是否应当由自己处理。由于前端页面的内容可能经常变动,在本实施例中通过一个同样可更改的配置文件来确定操作事件的操作对象是否为前端页面。步骤S140,是则将操作事件传递给前端页面进行处理。若操本文档来自技高网...

【技术保护点】
1.一种直播应用中的交互方法,其中,所述直播应用包括浏览器组件和本地组件,该方法包括:在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面;是则将所述操作事件传递给所述前端页面进行处理。

【技术特征摘要】
1.一种直播应用中的交互方法,其中,所述直播应用包括浏览器组件和本地组件,该方法包括:在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面;是则将所述操作事件传递给所述前端页面进行处理。2.如权利要求1所述的方法,其中,该方法还包括:若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。3.如权利要求1所述的方法,其中,所述操作事件为点击事件和/或滑动事件。4.如权利要求1所述的方法,其中,所述配置文件包括若干个热区的配置信息;所述根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面包括:判断所述操作事件是否落入一个热区中,是则确定所述操作事件的操作对象为所述前端页面。5.如权利要求4所述的方法,其中,所述热区的形状为矩形,所述热区的配置信息包括所述矩形在所述界面上对应的坐标区间;所述判断所述操作事件是否落入一个热区中包括:判断所述操作事件的坐标值是否落入与一个热区对应的坐标区间...

【专利技术属性】
技术研发人员:张震李佳高浩浩段玉文周伟伟
申请(专利权)人:北京奇虎科技有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1