CN109933261A - 直播应用中的交互方法、装置和计算机可读存储介质 - Google Patents
直播应用中的交互方法、装置和计算机可读存储介质 Download PDFInfo
- Publication number
- CN109933261A CN109933261A CN201711367815.3A CN201711367815A CN109933261A CN 109933261 A CN109933261 A CN 109933261A CN 201711367815 A CN201711367815 A CN 201711367815A CN 109933261 A CN109933261 A CN 109933261A
- Authority
- CN
- China
- Prior art keywords
- end page
- action event
- live streaming
- event
- hot
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了直播应用中的交互方法、装置和计算机可读存储介质,直播应用包括浏览器组件和本地组件,所述方法包括:在直播应用启动后,接收服务器下发的前端页面,以及与前端页面对应的配置文件;通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;响应于界面上的操作事件,根据配置文件判断操作事件的操作对象是否为前端页面;是则将操作事件传递给前端页面进行处理。该技术方案一方面使得直播应用的许多功能可以与直播应用松耦合,通过更改简易、对用户影响较小的前端页面方便地实现功能的推陈出新,另一方面通过配置文件简便地确定操作事件的处理方式,确保了用户操作的正常识别,不影响用户的使用。
Description
技术领域
本发明涉及计算机技术领域,具体涉及直播应用中的交互方法、装置和计算机可读存储介质。
背景技术
随着互联网技术的不断发展,许多用户青睐于直播应用,直播身边发生的人或事成为了一种潮流。而直播应用为了满足用户日益增长的需求,就需要经常进行功能的变更,而用户往往是抗拒频繁更新直播应用的。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的直播应用中的交互方法、装置和计算机可读存储介质。
依据本发明的一个方面,提供了一种直播应用中的交互方法,所述直播应用包括浏览器组件和本地组件,该方法包括:
在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;
通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;
响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面;
是则将所述操作事件传递给所述前端页面进行处理。
可选地,该方法还包括:
若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。
可选地,所述操作事件为点击事件和/或滑动事件。
可选地,所述配置文件包括若干个热区的配置信息;
所述根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面包括:判断所述操作事件是否落入一个热区中,是则确定所述操作事件的操作对象为所述前端页面。
可选地,所述热区的形状为矩形,所述热区的配置信息包括所述矩形在所述界面上对应的坐标区间;
所述判断所述操作事件是否落入一个热区中包括:判断所述操作事件的坐标值是否落入与一个热区对应的坐标区间。
可选地,所述在所述直播应用的界面中加载所述前端页面包括:对所述前端页面中非热区的部分进行透明化处理。
可选地,所述将所述操作事件传递给所述前端页面进行处理包括:
通过JSBridge将所述操作事件传递给所述前端页面的JavaScript脚本进行处理。
依据本发明的另一方面,提供了一种直播应用中的交互装置,所述直播应用包括浏览器组件和本地组件,该装置包括:
接收单元,适于在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;
加载单元,适于通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;
事件处理单元,适于响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面,是则将所述操作事件传递给所述前端页面进行处理。
可选地,所述事件处理单元,还适于若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。
可选地,所述操作事件为点击事件和/或滑动事件。
可选地,所述配置文件包括若干个热区的配置信息;
所述事件处理单元,适于判断所述操作事件是否落入一个热区中,是则确定所述操作事件的操作对象为所述前端页面。
可选地,所述热区的形状为矩形,所述热区的配置信息包括所述矩形在所述界面上对应的坐标区间;
所述事件处理单元,适于判断所述操作事件的坐标值是否落入与一个热区对应的坐标区间。
可选地,所述加载单元,适于对所述前端页面中非热区的部分进行透明化处理。
可选地,所述事件处理单元,适于通过JSBridge将所述操作事件传递给所述前端页面的JavaScript脚本进行处理。
依据本发明的又一方面,提供了一种计算机可读存储介质,存储一个或多个程序,所述一个或多个程序当被处理器执行时,实现如上述任一项所述的方法。
由上述可知,本发明的技术方案,在直播应用启动后利用内置的浏览器组件加载从服务器接收的前端页面,并在内置的本地组件的上层进行展示,在与用户进行交互时,根据同样从服务器接收的前端页面的配置文件来确定哪些操作事件需要交由前端页面进行处理。该技术方案一方面使得直播应用的许多功能可以与直播应用松耦合,通过更改简易、对用户影响较小的前端页面方便地实现功能的推陈出新,另一方面通过配置文件简便地确定操作事件的处理方式,确保了用户操作的正常识别,不影响用户的使用。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的一种直播应用中的交互方法的流程示意图;
图2示出了根据本发明一个实施例的一种直播应用中的交互装置的结构示意图;
图3示出了根据本发明一个实施例的一种计算机可读存储介质的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的一种直播应用中的交互方法的流程示意图,其中,直播应用包括浏览器组件和本地组件,该方法包括:
步骤S110,在直播应用启动后,接收服务器下发的前端页面,以及与前端页面对应的配置文件。
直播应用可以从服务器获取用户的直播视频,用户打开直播应用即可进行观看;用户也可以通过直播应用拍摄视频上传至服务器供其他用户观看。观看直播视频的页面通常称为“直播间”,在直播间页面观看用户(通常称为“观众”)与直播用户(通常称为“主播”)可以进行互动,例如观众向主播赠送直播应用提供的虚拟礼物,虚拟礼物可以通过支付兑换、在线领取等方式获得,种类也可以有很多。
步骤S120,通过浏览器组件在应用的界面中加载前端页面,并在本地组件的上层进行展示。
本实施例中的直播应用包含浏览器组件(例如webview)和本地组件(可称为Native),并非是单一的B/S(浏览器/服务器)架构或是C/S(客户端/ 服务器)架构,其中,浏览器组件加载前端页面,例如HTML5页面,与服务器形成了B/S架构;而本地组件可以独立执行一些功能,也可以与服务器进行交互(例如从服务器获取到直播视频,在本地进行播放),与服务器形成了C/S架构。因而整个直播应用可称为是混合架构的。
步骤S130,响应于界面上的操作事件,根据配置文件判断操作事件的操作对象是否为前端页面。
举例来说,操作事件可以为点击事件和/或滑动事件。例如用户点击屏幕,在屏幕上滑动,这样由于前端页面覆盖在本地组件上进行展示,那么必然会带来一个新的问题:如何判断一个操作事件是针对本地组件还是前端页面的。举例来说,前端页面中有一些控件可以被点击,本地组件也有一些按钮可以被点击,虽然为了展示效果二者通常不会重叠,用户也不会知道实际上不同的按钮、控件是由不同的组件展示的,但是前端页面、本地组件需要明确一个操作事件的操作对象是否是自己,是否应当由自己处理。由于前端页面的内容可能经常变动,在本实施例中通过一个同样可更改的配置文件来确定操作事件的操作对象是否为前端页面。
步骤S140,是则将操作事件传递给前端页面进行处理。
若操作事件的操作对象不为前端页面,则由本地组件处理操作事件。当然,用户的操作也可以是无效操作,即直播应用不根据操作事件产生相应的效果。
可见,图1所示的方法,在直播应用启动后利用内置的浏览器组件加载从服务器接收的前端页面,并在内置的本地组件的上层进行展示,在与用户进行交互时,根据同样从服务器接收的前端页面的配置文件来确定哪些操作事件需要交由前端页面进行处理。该技术方案一方面使得直播应用的许多功能可以与直播应用松耦合,通过更改简易、对用户影响较小的前端页面方便地实现功能的推陈出新,另一方面通过配置文件简便地确定操作事件的处理方式,确保了用户操作的正常识别,不影响用户的使用。
在本发明的一个实施例中,上述方法中,配置文件包括若干个热区的配置信息;根据配置文件判断操作事件的操作对象是否为前端页面包括:判断操作事件是否落入一个热区中,是则确定操作事件的操作对象为前端页面。
热区是指前端页面中包含链接的区域,例如操作事件可触发前端页面中的控件,前端页面中与该控件对应的脚本程序可以执行相应的操作,例如,用户点击了直播应用中的礼物“鲜花”,实际可以是触发了前端页面中的鲜花礼物控件。前端页面中可以包含多个热区,而另外的部分并不会因为用户的操作而进行相应的反馈,因此在热区外的操作事件可以由本地组件进行处理。
在本发明的一个实施例中,上述方法中,热区的形状为矩形,热区的配置信息包括矩形在界面上对应的坐标区间;判断操作事件是否落入一个热区中包括:判断操作事件的坐标值是否落入与一个热区对应的坐标区间。
应用的界面在绘制时可以是通过网格和坐标实现的,因此配置信息中可以包括各个热区的坐标区间,具体来说可以是划分出一个矩形的区间。例如,某热区对应的矩形的四个顶点的坐标分别为(100,110),(100,120),(110, 110),(110,120),那么如果一个操作事件为点击事件,坐标值为(103,109),那么该操作事件就落在该热区中,以该热区对应于鲜花礼物控件为例,则为相应直播间的主播送出鲜花,具体来说,前端页面可以播放赠送礼物的特效,而服务器则需要从观众的账户扣除相应的礼物,并向主播的账户添加相应的礼物。
在本发明的一个实施例中,上述方法中,在直播应用的界面中加载前端页面包括:对前端页面中非热区的部分进行透明化处理。
由于前端页面需要覆盖本地组件进行展示,因此为了提高展示效果,一方面可以将非热区的部分不添加页面元素,这样用户看到的直播效果就是在主播的直播视频中添加了一些控件;而另一方面也可以在非热区的部分设计一些样式以对直播视频增添一些美化效果,为了使用户可以正常观看到直播视频,则可以对非热区的部分进行透明化处理,具体透明度的数值可以进行调节。
在本发明的一个实施例中,上述方法中,将操作事件传递给前端页面进行处理包括:通过JSBridge将操作事件传递给前端页面的JavaScript脚本进行处理。
JSBridge可以作为本地组件与浏览器组件的桥梁,也就是一端可以为webview,另一端可以为Native。这样,本地组件可以依照配置文件中约定的规则,将操作事件传递给前端页面或者由自己进行处理。
图2示出了根据本发明一个实施例的一种直播应用中的交互装置的结构示意图,直播应用包括浏览器组件和本地组件。如图2所示,直播应用中的交互装置200包括:
接收单元210,适于在直播应用启动后,接收服务器下发的前端页面,以及与前端页面对应的配置文件。
直播应用可以从服务器获取用户的直播视频,用户打开直播应用即可进行观看;用户也可以通过直播应用拍摄视频上传至服务器供其他用户观看。观看直播视频的页面通常称为“直播间”,在直播间页面观看用户(通常称为“观众”)与直播用户(通常称为“主播”)可以进行互动,例如观众向主播赠送直播应用提供的虚拟礼物,虚拟礼物可以通过支付兑换、在线领取等方式获得,种类也可以有很多。
加载单元220,适于通过浏览器组件在应用的界面中加载前端页面,并在本地组件的上层进行展示。
本实施例中的直播应用包含浏览器组件(例如webview)和本地组件(可称为Native),并非是单一的B/S(浏览器/服务器)架构或是C/S(客户端/ 服务器)架构,其中,浏览器组件加载前端页面,例如HTML5页面,与服务器形成了B/S架构;而本地组件可以独立执行一些功能,也可以与服务器进行交互(例如从服务器获取到直播视频,在本地进行播放),与服务器形成了C/S架构。因而整个直播应用可称为是混合架构的。
事件处理单元230,适于响应于界面上的操作事件,根据配置文件判断操作事件的操作对象是否为前端页面,是则将操作事件传递给前端页面进行处理。
举例来说,操作事件可以为点击事件和/或滑动事件。例如用户点击屏幕,在屏幕上滑动,这样由于前端页面覆盖在本地组件上进行展示,那么必然会带来一个新的问题:如何判断一个操作事件是针对本地组件还是前端页面的。举例来说,前端页面中有一些控件可以被点击,本地组件也有一些按钮可以被点击,虽然为了展示效果二者通常不会重叠,用户也不会知道实际上不同的按钮、控件是由不同的组件展示的,但是前端页面、本地组件需要明确一个操作事件的操作对象是否是自己,是否应当由自己处理。由于前端页面的内容可能经常变动,在本实施例中通过一个同样可更改的配置文件来确定操作事件的操作对象是否为前端页面。若操作事件的操作对象不为前端页面,则由本地组件处理操作事件。当然,用户的操作也可以是无效操作,即直播应用不根据操作事件产生相应的效果。
可见,图2所示的装置,通过各单元的相互配合,在直播应用启动后利用内置的浏览器组件加载从服务器接收的前端页面,并在内置的本地组件的上层进行展示,在与用户进行交互时,根据同样从服务器接收的前端页面的配置文件来确定哪些操作事件需要交由前端页面进行处理。该技术方案一方面使得直播应用的许多功能可以与直播应用松耦合,通过更改简易、对用户影响较小的前端页面方便地实现功能的推陈出新,另一方面通过配置文件简便地确定操作事件的处理方式,确保了用户操作的正常识别,不影响用户的使用。
在本发明的一个实施例中,上述装置中,配置文件包括若干个热区的配置信息;事件处理单元230,适于判断操作事件是否落入一个热区中,是则确定操作事件的操作对象为前端页面。
热区是指前端页面中包含链接的区域,例如操作事件可触发前端页面中的控件,前端页面中与该控件对应的脚本程序可以执行相应的操作,例如,用户点击了直播应用中的礼物“鲜花”,实际可以是触发了前端页面中的鲜花礼物控件。前端页面中可以包含多个热区,而另外的部分并不会因为用户的操作而进行相应的反馈,因此在热区外的操作事件可以由本地组件进行处理。
在本发明的一个实施例中,上述装置中,热区的形状为矩形,热区的配置信息包括矩形在界面上对应的坐标区间;事件处理单元230,适于判断操作事件的坐标值是否落入与一个热区对应的坐标区间。
应用的界面在绘制时可以是通过网格和坐标实现的,因此配置信息中可以包括各个热区的坐标区间,具体来说可以是划分出一个矩形的区间。例如,某热区对应的矩形的四个顶点的坐标分别为(100,110),(100,120),(110,110),(110,120),那么如果一个操作事件为点击事件,坐标值为(103,109),那么该操作事件就落在该热区中,以该热区对应于鲜花礼物控件为例,则为相应直播间的主播送出鲜花,具体来说,前端页面可以播放赠送礼物的特效,而服务器则需要从观众的账户扣除相应的礼物,并向主播的账户添加相应的礼物。
在本发明的一个实施例中,上述装置中,加载单元220,适于对前端页面中非热区的部分进行透明化处理。
由于前端页面需要覆盖本地组件进行展示,因此为了提高展示效果,一方面可以将非热区的部分不添加页面元素,这样用户看到的直播效果就是在主播的直播视频中添加了一些控件;而另一方面也可以在非热区的部分设计一些样式以对直播视频增添一些美化效果,为了使用户可以正常观看到直播视频,则可以对非热区的部分进行透明化处理,具体透明度的数值可以进行调节。
在本发明的一个实施例中,上述装置中,事件处理单元230,适于通过 JSBridge将操作事件传递给前端页面的JavaScript脚本进行处理。
JSBridge可以作为本地组件与浏览器组件的桥梁,也就是一端可以为 webview,另一端可以为Native。这样,本地组件可以依照配置文件中约定的规则,将操作事件传递给前端页面或者由自己进行处理。
综上所述,本发明的技术方案,在直播应用启动后利用内置的浏览器组件加载从服务器接收的前端页面,并在内置的本地组件的上层进行展示,在与用户进行交互时,根据同样从服务器接收的前端页面的配置文件来确定哪些操作事件需要交由前端页面进行处理。该技术方案一方面使得直播应用的许多功能可以与直播应用松耦合,通过更改简易、对用户影响较小的前端页面方便地实现功能的推陈出新,另一方面通过配置文件简便地确定操作事件的处理方式,确保了用户操作的正常识别,不影响用户的使用。
需要说明的是:
在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述,构造这类装置所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的直播应用中的交互装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
例如,图3示出了根据本发明一个实施例的一种计算机可读存储介质的示意图。该计算机可读存储介质300存储有用于执行根据本发明的方法步骤的计算机可读程序代码310,例如可以被电子设备的处理器读取的程序代码,当这些程序代码由电子设备运行时,导致该电子设备执行上面所描述的方法中的各个步骤。程序代码可以以适当形式进行压缩。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明的实施例公开了A1、一种直播应用中的交互方法,其中,所述直播应用包括浏览器组件和本地组件,该方法包括:
在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;
通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;
响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面;
是则将所述操作事件传递给所述前端页面进行处理。
A2、如A1所述的方法,其中,该方法还包括:
若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。
A3、如A1所述的方法,其中,所述操作事件为点击事件和/或滑动事件。
A4、如A1所述的方法,其中,所述配置文件包括若干个热区的配置信息;
所述根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面包括:判断所述操作事件是否落入一个热区中,是则确定所述操作事件的操作对象为所述前端页面。
A5、如A4所述的方法,其中,所述热区的形状为矩形,所述热区的配置信息包括所述矩形在所述界面上对应的坐标区间;
所述判断所述操作事件是否落入一个热区中包括:判断所述操作事件的坐标值是否落入与一个热区对应的坐标区间。
A6、如A4所述的方法,其中,所述在所述直播应用的界面中加载所述前端页面包括:对所述前端页面中非热区的部分进行透明化处理。
A7、如A1所述的方法,其中,所述将所述操作事件传递给所述前端页面进行处理包括:
通过JSBridge将所述操作事件传递给所述前端页面的JavaScript脚本进行处理。
本发明的实施例还公开了B8、一种直播应用中的交互装置,其中,所述直播应用包括浏览器组件和本地组件,该装置包括:
接收单元,适于在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;
加载单元,适于通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;
事件处理单元,适于响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面,是则将所述操作事件传递给所述前端页面进行处理。
B9、如B8所述的装置,其中,
所述事件处理单元,还适于若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。
B10、如B8所述的装置,其中,所述操作事件为点击事件和/或滑动事件。
B11、如B8所述的装置,其中,所述配置文件包括若干个热区的配置信息;
所述事件处理单元,适于判断所述操作事件是否落入一个热区中,是则确定所述操作事件的操作对象为所述前端页面。
B12、如B11所述的装置,其中,所述热区的形状为矩形,所述热区的配置信息包括所述矩形在所述界面上对应的坐标区间;
所述事件处理单元,适于判断所述操作事件的坐标值是否落入与一个热区对应的坐标区间。
B13、如B11所述的装置,其中,
所述加载单元,适于对所述前端页面中非热区的部分进行透明化处理。
B14、如B8所述的装置,其中,
所述事件处理单元,适于通过JSBridge将所述操作事件传递给所述前端页面的JavaScript脚本进行处理。
本发明的实施例还公开了C15、一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被处理器执行时,实现如A1-A7中任一项所述的方法。
Claims (10)
1.一种直播应用中的交互方法,其中,所述直播应用包括浏览器组件和本地组件,该方法包括:
在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;
通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;
响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面;
是则将所述操作事件传递给所述前端页面进行处理。
2.如权利要求1所述的方法,其中,该方法还包括:
若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。
3.如权利要求1所述的方法,其中,所述操作事件为点击事件和/或滑动事件。
4.如权利要求1所述的方法,其中,所述配置文件包括若干个热区的配置信息;
所述根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面包括:判断所述操作事件是否落入一个热区中,是则确定所述操作事件的操作对象为所述前端页面。
5.如权利要求4所述的方法,其中,所述热区的形状为矩形,所述热区的配置信息包括所述矩形在所述界面上对应的坐标区间;
所述判断所述操作事件是否落入一个热区中包括:判断所述操作事件的坐标值是否落入与一个热区对应的坐标区间。
6.如权利要求4所述的方法,其中,所述在所述直播应用的界面中加载所述前端页面包括:对所述前端页面中非热区的部分进行透明化处理。
7.如权利要求1所述的方法,其中,所述将所述操作事件传递给所述前端页面进行处理包括:
通过JSBridge将所述操作事件传递给所述前端页面的JavaScript脚本进行处理。
8.一种直播应用中的交互装置,其中,所述直播应用包括浏览器组件和本地组件,该装置包括:
接收单元,适于在所述直播应用启动后,接收服务器下发的前端页面,以及与所述前端页面对应的配置文件;
加载单元,适于通过所述浏览器组件在所述应用的界面中加载所述前端页面,并在所述本地组件的上层进行展示;
事件处理单元,适于响应于所述界面上的操作事件,根据所述配置文件判断所述操作事件的操作对象是否为所述前端页面,是则将所述操作事件传递给所述前端页面进行处理。
9.如权利要求8所述的装置,其中,
所述事件处理单元,还适于若所述操作事件的操作对象不为所述前端页面,则由所述本地组件处理所述操作事件。
10.一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被处理器执行时,实现如权利要求1-7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711367815.3A CN109933261A (zh) | 2017-12-18 | 2017-12-18 | 直播应用中的交互方法、装置和计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711367815.3A CN109933261A (zh) | 2017-12-18 | 2017-12-18 | 直播应用中的交互方法、装置和计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109933261A true CN109933261A (zh) | 2019-06-25 |
Family
ID=66982905
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711367815.3A Pending CN109933261A (zh) | 2017-12-18 | 2017-12-18 | 直播应用中的交互方法、装置和计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109933261A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111722871A (zh) * | 2020-06-17 | 2020-09-29 | 北京字节跳动网络技术有限公司 | 信息流锚点处理方法、装置、电子设备及计算机存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105893161A (zh) * | 2015-12-14 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 在软件程序中调用资源的方法和装置 |
CN106202179A (zh) * | 2016-06-27 | 2016-12-07 | 北京奇虎科技有限公司 | 一种页面加载方法和装置 |
CN106569900A (zh) * | 2016-10-28 | 2017-04-19 | 腾讯科技(深圳)有限公司 | 应用程序处理方法和装置 |
CN106792188A (zh) * | 2016-12-06 | 2017-05-31 | 腾讯数码(天津)有限公司 | 一种直播页面的数据处理方法、装置和系统 |
CN107018450A (zh) * | 2017-03-17 | 2017-08-04 | 北京潘达互娱科技有限公司 | 一种页面显示方法与装置 |
CN107368487A (zh) * | 2016-05-12 | 2017-11-21 | 阿里巴巴集团控股有限公司 | 一种页面组件动态布局方法、装置及客户端 |
CN107423312A (zh) * | 2017-03-14 | 2017-12-01 | 北京潘达互娱科技有限公司 | 直播数据播放方法及装置 |
-
2017
- 2017-12-18 CN CN201711367815.3A patent/CN109933261A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105893161A (zh) * | 2015-12-14 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 在软件程序中调用资源的方法和装置 |
CN107368487A (zh) * | 2016-05-12 | 2017-11-21 | 阿里巴巴集团控股有限公司 | 一种页面组件动态布局方法、装置及客户端 |
CN106202179A (zh) * | 2016-06-27 | 2016-12-07 | 北京奇虎科技有限公司 | 一种页面加载方法和装置 |
CN106569900A (zh) * | 2016-10-28 | 2017-04-19 | 腾讯科技(深圳)有限公司 | 应用程序处理方法和装置 |
CN106792188A (zh) * | 2016-12-06 | 2017-05-31 | 腾讯数码(天津)有限公司 | 一种直播页面的数据处理方法、装置和系统 |
CN107423312A (zh) * | 2017-03-14 | 2017-12-01 | 北京潘达互娱科技有限公司 | 直播数据播放方法及装置 |
CN107018450A (zh) * | 2017-03-17 | 2017-08-04 | 北京潘达互娱科技有限公司 | 一种页面显示方法与装置 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111722871A (zh) * | 2020-06-17 | 2020-09-29 | 北京字节跳动网络技术有限公司 | 信息流锚点处理方法、装置、电子设备及计算机存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20170011441A1 (en) | Methods and systems for simplifying ordering from online shops | |
US20160260319A1 (en) | Method and system for a control device to connect to and control a display device | |
RU2473179C2 (ru) | Система и способ управления аватаром на платформе мгновенного обмена сообщениями | |
CN105975844B (zh) | 一种登录方法和装置 | |
US9536060B2 (en) | Network information system with license registration and method of operation thereof | |
CN105068813B (zh) | 一种提供安卓包apk修改服务的方法和装置 | |
CN107493440A (zh) | 一种在应用中显示图像的方法和装置 | |
CN104967689B (zh) | 一种数据处理方法和装置 | |
WO2016158075A1 (ja) | リアルタイムの動画を配信するシステム、方法、及びプログラム | |
WO2023112562A1 (ja) | Nft化された被装着モデルのアイテム着脱を処理する方法及びそのシステム | |
US20230325238A1 (en) | Cluster job submission | |
EP3029380A1 (en) | Method for performing a treatment by a domestic appliance and for processing information of said treatment by a mobile computer device | |
CN109933261A (zh) | 直播应用中的交互方法、装置和计算机可读存储介质 | |
JPWO2011125847A1 (ja) | 情報処理装置、情報処理方法、端末装置、情報処理プログラム、および、記録媒体 | |
US20200034915A1 (en) | Techniques for package bundling and interfaces | |
WO2021098306A1 (zh) | 一种物品比对方法和装置 | |
CN111274105A (zh) | 网页操作的回放和采集方法、计算设备、存储介质和系统 | |
CN107391771A (zh) | 一种图像特效的生成方法和装置 | |
CN106693366B (zh) | 验证操作合法性的方法、装置和加固安装包的方法、装置 | |
CN107621939B (zh) | 一种应用优化方法及装置 | |
CN109308614A (zh) | 电子支付的实现方法、装置和系统 | |
CN110968312A (zh) | 一种应用程序的界面布局更改方法和装置 | |
WO2021132052A1 (ja) | サーバ及び販売方法 | |
CN109933758A (zh) | 图表的展示方法、装置、电子设备和计算机可读存储介质 | |
CN105335470B (zh) | 用户登录信息展现方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190625 |
|
RJ01 | Rejection of invention patent application after publication |