CN110569460A - 推送信息展示方法、装置及存储介质 - Google Patents
推送信息展示方法、装置及存储介质 Download PDFInfo
- Publication number
- CN110569460A CN110569460A CN201810469283.2A CN201810469283A CN110569460A CN 110569460 A CN110569460 A CN 110569460A CN 201810469283 A CN201810469283 A CN 201810469283A CN 110569460 A CN110569460 A CN 110569460A
- Authority
- CN
- China
- Prior art keywords
- display area
- push information
- navigation
- window
- page
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 230000004044 response Effects 0.000 claims description 7
- 230000006870 function Effects 0.000 claims description 5
- 238000006243 chemical reaction Methods 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 9
- 238000012545 processing Methods 0.000 description 8
- 230000000694 effects Effects 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 230000008859 change Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 239000012634 fragment Substances 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000007704 transition Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供了一种推送信息的展示方法,该方法包括:在页面上显示处于收起状态的导航窗口;响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;根据所述展开状态下的导航窗口的尺寸,确定第一显示区域的尺寸,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
Description
技术领域
本申请涉及互联网技术领域,尤其涉及一种推送信息展示方法、装置及存储介质。
背景技术
当前,随着互联网技术的发展,用户终端可以向用户提供越来越多的信息和服务。例如,当用户使用安装在终端中的各种应用时,各个应用都提供了不同的页面,以实现应用程序与用户之间的交互。
在页面中,除了包含各种图标、按键、窗口之外,还可以向用户展示推送信息(例如,广告信息)。
技术内容
本申请实施例提供了一种推送信息的展示方法,包括:。
在页面上显示处于收起状态的导航窗口;
响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;
根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
本申请实施例还提供了一种推送信息展示装置,包括:
第一显示模块,用于在页面上显示处于收起状态的导航窗口;
状态转换模块,用于响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;
第二显示模块,用于根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
本申请实施例还提供了一种非易失性计算机可读存储介质,其中所述存储介质中存储有机器可读指令,所述机器可读指令可以由处理器执行以完成上述方法。
通过本申请实施例提供的推送信息展示方法、装置和存储介质,将推送信息和页面的导航窗口进行结合起来,并且根据用户的操作控制导航窗口的展开,使得导航窗口的空间得到了利用,并且在收起状态下,有效减少了推送信息对页面的空间占用,提高了页面空间的利用率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。其中:
图1为本申请一些实施例中的操作环境示意图;
图2为本申请一些实施例中一种推送信息的展示方法的流程图;
图3为本申请一些实施例中推送信息的展示方法的另一流程图;
图4为本申请一些实施例中一种页面的示意图;
图5为本申请一些实施例中另一页面的示意图;
图6为本申请一些实施例中第一显示区域的示意图;
图7为本申请一些实施例中第一显示区域的另一示意图;
图8为本申请一些实施例中获取视频数据的过程示意图;
图9为本申请一些实施例中一种推送信息的展示装置的结构示意图;及
图10为本申请一些实施例中推送信息的展示装置的另一结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
当用户打开一个应用程序或者通过浏览器打开一个网页时,该应用程序或者浏览器向用户展示一个用户界面或者网页,用以实现用户和应用程序之间的各种交互操作。在用户界面或网页上通常会包含一个导航栏。以下,将用户界面或网页统称为页面。
所谓导航栏,是指页面中位于页面顶端、侧边或者最下端的区域,提供链接不同站点或者应用内各个页面的功能。例如,导航栏中可以包含以下内容:
导航栏标题;例如,当前页面的内容为“游戏中心”,则在当前页面的导航栏中可以显示标题“游戏中心”,以提示用户当前页面所包含的内容;
“返回”控件;当用户点击“返回”控件时,可以返回上个页面;
“搜索”工具;用户可以通过“搜索”工具快速找到所需要的内容。
以上举例对导航栏的内容进行了说明。在一些实施例中,在导航栏中还可以包括其他的工具。
在一些实施例中,可以通过窗口的形式来实现导航栏,即将导航窗口作为导航栏加载到页面中。在本申请实施例中,将通过窗口的形式实现的导航栏称为导航窗口。
所述导航窗口可以包含一个导航条和一个窗口显示区域。其中,导航条中包含导航窗口的标题、以及一个或者多个导航控件,例如“返回”、“搜索”等,用于实现各种导航功能。
窗口显示区域可以位于导航条的下方,用于展示推送信息(例如,广告信息)。为了通过导航窗口展示推送信息,可以将推送信息制作成图片,通过导航窗口的窗口展示区域进行展示。例如,按照预定的宽度和高度(例如宽度750像素、高度400像素)设计包含推送信息的一幅或者多幅图片,然后通过窗口显示区域展示这一幅或者多幅图片。当设置了多幅图片时,这多幅图片还可以实现轮播的效果。
通常,用于展示推送信息的图片的尺寸都比较大,而用户终端的屏幕的尺寸是有限的。这使得推送信息占用了页面的相当大的部分,尤其是当用户对推送信息不感兴趣的时候,降低了页面的展示效率,浪费了页面的展示空间。
为了能够在有限的屏幕空间上尽可能多的展示用户感兴趣的内容,提高页面的显示空间的利用率,本申请实施例提供了一种推送信息的展示方法。
在本申请实施例提供的推送信息展示方法中,在将推送信息和页面的导航窗口进行结合的基础上,根据用户的操作控制导航窗口的收起和展开,使得导航窗口的空间得到了利用,并且在收起状态下,有效减少了推送信息对页面的空间占用,提高了页面空间的利用率。
在本申请一些实施例中,用户终端在页面上显示处于收起状态的导航窗口;响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
在一些实施例中,当导航窗口处于收起状态时,用户终端可以确定处于收起状态下的导航窗口的尺寸和位置,并根据所述收起状态下的导航窗口的尺寸和位置,确定第二显示区域的尺寸和位置,将所述第二显示区域置于所述页面中,并在所述第二显示区域中展示第二推送信息。
在本申请实施例中,所述推送信息可以包含图片、动画、视频等各种类型的信息。例如,当通过视频来展示推送信息时,在导航窗口处于收起状态时,可以在第二显示区域中显示视频中的某一帧(例如第一帧)图像。当导航窗口处于展开状态时,用户终端根据视频的地址信息(例如,统一资源定位符URL),从对应的视频服务器获取到视频数据,并在第一显示区域中进行展示。
通过本申请实施例提供的推送信息展示方法,一方面使得导航窗口的空间得到了利用,另一方面,在用户不主动操作的情况下,导航窗口处于收起状态,以最少的空间来向用户传达必要的推送信息,从而可以节省推送信息占用的空间。当用户执行指定类型的操作时,再展开导航窗口,以放大的模式对推送信息进行展示。
图1为本申请一些实施例中的操作环境100的示意图。如图1所示,多个用户各自的用户终端(例如用户终端104-a至104-c)分别通过网络106连接至服务器112。
在一些实施例中,每个用户通过在用户终端104-a至104-c上执行的应用108-a至108-c连接至服务器112。
服务器112维护数据库114,所述数据库114中保存有不同的页面数据,用于向用户终端104提供各种数据服务。
在一些实施例中,用户终端104在页面上显示处于收起状态的导航窗口;响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
在一些实施例中,当导航窗口处于收起状态时,所述用户终端104可以确定处于收起状态下的导航窗口的尺寸和位置,并根据所述收起状态下的导航窗口的尺寸和位置,确定第二显示区域的尺寸和位置,将所述第二显示区域置于所述页面中,并在所述第二显示区域中展示第二推送信息。
在一些实施例中,所述导航窗口包括导航条和窗口显示区域;其中所述导航条包含导航窗口标题、以及一个或者多个用于实现导航功能的导航控件。
在一些实施例中,当导航窗口处于展开状态时,用户终端104可以将所述导航条的背景设置为透明或者半透明;将所述窗口展示区域设置为透明;并将所述第一显示区域置于所述展开状态的导航窗口之下,使得推送信息透过所述导航条以及透明的窗口展示区域进行展示,从而充分的利用导航窗口的空间进行推送信息的展示。
在一些实施例中,当导航窗口处于收起状态时,用户终端104可以将所述导航条的背景设置为不透明;将所述窗口展示区域设置为透明;并将所述第二显示区域置于所述收起状态的导航窗口之下,使得推送信息仅透过所述透明的窗口展示区域进行展示,从而突出显示出导航条中的标题和各个导航控件,方便用户的操作。
在本申请实施例中,所述用户终端104的示例包括但不限于掌上型计算机、可穿戴计算设备、个人数字助理(PDA)、平板计算机、笔记本电脑、台式计算机、智能手机(如Android手机、iOS手机等)、或任意两个或更多的这些数据处理设备或其他数据处理设备的组合。
所述服务器112可以在一个或多个独立的数据处理装置或分布式计算机网络上实现。
图2为本申请一些实施例中一种推送信息的展示方法的流程图。该方法可以由图1所示的用户终端104中的应用108执行。如图2所示,该方法包括以下操作:
S201,在页面上显示处于收起状态的导航窗口。
S202,响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸。
在本申请一些实施例中,所述页面上的指定类型的操作,可以是页面的上下滑动操作、左右滑动操作等等。例如,当用户在用户终端的触摸屏上执行下拉操作时,响应于用户的下拉操作,页面实现向下滑动的效果。所述页面上指定类型的操作可以与用户在触摸屏上的滑动操作相对应。
S203,根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
下面结合图3对本申请实施例提供的推送信息展示方法进行进一步说明。
图3为本申请实施例提供的推送信息展示方法的另一流程图。如图3所示,该方法包括:
S301,用户终端响应于用户的页面请求消息,从服务器获取与所述页面请求消息对应的页面数据、并获取对应的推送信息。
在一些实施例中,当用户打开应用时、或者从应用的一个页面切换到另一个页面时、或者通过浏览器打开一个网页时,用户终端向服务器发送页面请求消息。服务器在收到这个页面请求消息之后,根据用户的页面请求消息获取对应的页面数据,返回给用户终端,从而为用户显示相应的页面。
这里,为了在页面上展示推送信息,用户终端还进一步获取了推送信息。
在一些实施例中,所述推送信息可以是与页面数据一起从服务器获取的,也可以是从用户终端的本地存储空间中获取的。例如,当用户终端第一次打开应用时,用户终端可以从服务器获取推送信息。此后,用户终端可以定期从服务器获取推送信息。用户终端从服务器获取到推送信息之后,可以将该推送信息保存在本地存储空间中,用于下次显示。这样,用户终端不需要每次都从服务器下载推送信息,提高了用户终端的处理速度,而且节省了网络传输资源。
进一步的,用户终端可以判断保存在本地的推送信息是否过期,如果过期,则从服务器下载新的推送信息,以更新本地存储空间中的推送信息。
例如,如果所述推送信息的更新时间与当前时间的差值超过预定的阈值,用户终端可以从服务器获取新的推送信息;利用所述新的推送信息,更新所述本地存储空间中的推送信息。
S302,用户终端显示页面,并在页面中显示处于收起状态的导航窗口,并根据所述收起状态下的导航窗口的尺寸和位置,确定第二显示区域的尺寸和位置,将所述第二显示区域置于在所述页面之中,并在所述第二显示区域中显示所述推送信息。
在一些实施例中,在获取到页面数据之后,应用可以根据页面数据展示一个页面,并在页面的预定位置(例如顶端、底端、侧边等)展示导航窗口,并且根据所述收起状态的导航窗口的尺寸和位置,可以确定用于展示推送信息的第二显示区域的尺寸和位置。
图4为本申请实施例提供的一种页面的示意图。如图4所示,在页面400上显示了处于收起状态的导航窗口401。所述导航窗口401包括导航条4011和窗口显示区域4012。所述导航条中包含标题4013、以及用于实现导航功能的导航控件4014。
在一些实施例中,当导航窗口401处于收起状态时,其高度和宽度分别为H1和W1,其位置为页面顶端。此时,根据导航窗口401的尺寸和位置,可以确定第二显示区域402的宽度和高度分别为H1和W1,位置为页面顶端,即与导航窗口401的尺寸和位置相同,如图4中第二显示区域402所示。
在另一些实施例中,第二显示区域402的尺寸也可以不同于导航窗口401的尺寸,例如高度小于导航窗口401的高度,或者宽度小于导航窗口401的宽度等等。例如,第二显示区域402的尺寸可以与导航窗口401的窗口显示区域4012的尺寸相同。
在确定了第二显示区域402的尺寸之后,可以根据导航窗口401的位置,将第二显示区域402置于在所述导航窗口401之下。
当所述第二显示区域402的尺寸与所述导航窗口401的尺寸相同时,可以将第二显示区域402的位置设置为与导航窗口401的位置完全相同。当第二显示区域402的尺寸与所述窗口显示区域4012的尺寸相同时,可以将第二显示区域402置于窗口显示区域4012的下面,即第二显示区域402的位置与窗口显示区域4012的位置相同。
在一些实施例中,也可以将第二显示区域402置于导航窗口401之上。例如,当第二显示区域402的尺寸与所述窗口显示区域4012的尺寸相同时,可以将第二显示区域402置于窗口显示区域4012之上。
在一些实施例中,所述推送信息可以通过图片、动画、视频等等各种方式来展示。例如,所述图片可以是视频文件中的某个图像帧。此时,用户终端在从服务器获取所述图像帧的同时,还获取了相应的视频文件的相关信息(如地址信息),以便当用户展开导航窗口时,根据所述相关信息从视频服务器获取相应的视频文件。
下面以所述推送信息为图片为例进行说明。
参见图4,用户终端可以定期从服务器获取推送信息对应的图片,例如广告图片。这里,获取的广告图片可以包括包含文字内容的图片4022和包含图像内容的图片4021。当在第二显示区域402中显示图片4021和4022时,可以根据预先设定的显示位置和显示比例来分别布置图片4021和4022的在第二显示区域402中的位置和大小。
在一些实施例中,在显示的过程中,可以将导航窗口中导航条4011的背景设置为不透明,例如设置为白色。当导航窗口401和第二显示区域402叠加之后,可以看到如图4所示的页面400的显示效果。
S303,响应于用户在所述用户终端的触摸屏上的指定类型的操作,将所述导航窗口由收起状态转为展开状态。
在一些实施例中,所述指定类型的操作可以是下拉操作。当用户在触摸屏上下拉页面时,用户终端对导航窗口进行展开操作。
所述下拉操作可以针对整个页面的下拉操作,或者是针对导航窗口的下拉操作。在另一些实施例中,所述指定类型的操作也可以是其他类型的操作,比如对第二显示区域402的点击操作、滑动操作等等。
当用户终端检测到用户执行了指定类型的操作之后,将导航窗口的高度从H1调整为H2,其中H2为预先定义的展开状态的导航窗口高度,H2>H1。
图5为本申请一些实施例中另一页面500的示意图。如图5所示,导航窗口501为展开状态的导航窗口。在导航窗口501从收起状态变为展开状态的过程中,用户终端还可以改变导航窗口的参数,例如背景颜色、导航条中文字的颜色、标题的颜色,还可以为上述的变化过程设置动画效果,并设置动画效果的持续时间等等。
在一些实施例中,在展开状态下,可以将导航条的背景颜色设置为透明或者半透明,从而使得第二显示区域502中的推送信息能够充分利用导航条的空间进行展示。
在一些实施例中,如果所述页面是应用程序展示的用户界面,则上述的参数变化可以由应用程序自身来实现。如果所述页面是浏览器展示的网页,则上述的参数变化过程还需要用户终端的操作系统的协作。例如,可以采用跟操作系统通信的方式,将上述参数使用对象的方式进行传递,从而实现导航窗口的相关变化。例如,可以采用JSBridge技术。JSBridge是一座用JavaScript搭建起来的桥,一端是web,一端是系统(native)。当网页中有超链接跳转请求时,将会调用WebViewClient的shouldOverrideUrlLoading方法,可以通过该方法回调的参数获取当前请求的URL。用户终端的浏览器与系统可以规定请求的伪协议,并在此方法中对URL进行拦截,若当前请求协议与约定协议成功匹配,说明由浏览器的代码处理该URL,WebView(网页视图)本身不处理该请求,达到拦截跳转的效果并进行处理。
S304,根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示推送信息。
在用户执行了指定类型的操作之后,用户终端根据展开状态下的导航窗口501的尺寸,确定第一显示区域502的尺寸。例如第一显示区域502的高度与展开状态下的导航窗口501的高度相同,均为H2,宽度可以不变,仍为W1。
在确定了第一显示区域的大小之后,可以第一显示区域置于展开状态的导航窗口之下。如图5所示,第一显示区域中的推送信息可以透过导航窗口展示给用户。
之后,可以将推送信息展示在第一显示区域中。所述推送信息可以是图片、动画或者视频等等。
在一些实施例中,如果采用图片的方式来展示推送信息,在收起状态和展开状态下,可以使用同一套图片来完成推送信息的展示。参见图6,图6为本申请一些实施例中第一显示区域602的示意图。如图6所示,第一显示区域602中可以包括背景图片6021,包含文字内容的图片6022,以及包含图像内容的图片6023。这里,图片6022和6023可以分别与图4所示的图片4021和4022的内容相同,但是显示比例不同。
这样,对于收起状态和展开状态这两种状态,用户终端可以只保存一套图片,即使用一套图片实现两种状态下的展示。这样,一方面方便了图片素材的更换,提高了效率。另一方面,节省了用户终端的存储空间。
例如,当用户终端向服务器发出页面请求时,服务器返回的页面数据中的推送信息可以包含以下内容:背景图片、文字内容、包含图像内容的图片。
在收起状态下,用户终端仅将文字内容和包含图像内容的图片展示在第二显示区域中。而在展开状态下,用户终端将背景图片、文字内容和包含图像内容的图片均展示在第一显示区域中,从而使得推送信息的内容更丰富。
另外,在展开状态下,还可以为文字内容设置不同的展示效果,例如增加滤镜。
图7为本申请一些实施例中第一展示区域700的示意图。如图7所示,可以预先设定上述文字内容702和包含图像内容的图片704在第一展示区域中的显示位置和大小。
例如,可以预先设定比例关系,然后根据比例关系确定文字内容702和图片704的位置和大小。
如图7所示,在一些实施例中,可以设定文字内容702的宽度为第一显示区域宽度的49%,高度为第一显示区域高度的37%;图片704的宽度为第一显示区域的宽度的60%,高度为第一显示区域的高度的80%。另外,可以设定文字内容702位于第一显示区域中的位置,例如距离第一显示区域的左边框n像素,距离第一显示区域的下边框m像素,m和n为正整数。对于图片704,可以将其位置设置为第一显示区域700的右下角。
以上对推送信息为图片的情况进行了说明。在一些实施例中,所述推送信息也可以是视频文件。在这种情况下,当导航窗口处于收起状态时,第二显示区域中显示的可以是所述视频文件中的某一帧图像,例如第一帧图像,或者能够代表所述视频的内容的某一帧图像。
此时,当用户终端向服务器发送页面请求时,服务器返回的推送信息中包含的是:所述视频文件中的某一帧图像以及视频文件的地址信息。当用户执行指定类型的操作时,用户终端根据所述地址信息,从视频服务器获取对应的视频数据进行播放。
参见图8,图8为本申请实施例中的获取视频数据的过程示意图。
如图8所示,所述应用服务器可以是如图1所示的服务器112,用于向用户提供应用服务、网络浏览服务。所述视频服务器用于存储视频数据。所述应用服务器和视频服务器可以是同一个服务器,或者是不同的服务器。所述视频服务器可以是CDN(内容分发网络,content delivery network)中的内容分发边缘节点。不同的视频数据可以存储在同一个视频服务器上,或者不同的视频服务器上。所述应用服务器和视频服务器可以是同一个服务器,或者不同的服务器。
如图8所示,所述获取视频数据的过程包括以下操作:
S801,用户终端获取视频文件的地址信息。
在一些实施例中,如步骤S302所述,用户终端在从服务器获取视频文件中的图像帧的同时,还从服务器获取了视频文件的地址信息(url)。
例如,当用户打开应用时、或者从应用的一个页面切换到另一个页面时、或者通过浏览器打开一个网页时,服务器会将图像帧和对应的视频文件的地址信息发送到用户终端。
在收到地址信息之后,用户终端可以直接根据所述地址信息获取对应的视频文件。或者,用户终端可以先保存所述地址信息,在用户执行指定类型的操作时,才根据所述地址信息获取对应的视频文件。
在本申请实施例中,所述视频文件可以根据各种流媒体网络传输协议从所述视频服务器传输到用户终端。例如,所述视频文件可以根据HLS(HTTP Live Streaming)协议进行传输。HLS是一种基于HTTP的流媒体网络传输协议。它将视频流数据切分成传输流(Transport Stream,TS)并建立索引文件(m3u8)。
其中,TS是一种数据封装格式,全称为MPEG2-TS。在TS封装格式中,TS分片是视频数据和音频数据的容器。
下面以HLS为例进行说明。在一些实施例中,所述地址信息中还包含m3u8索引文件。所述的m3u8索引文件也就是对应TS分片的索引文件,包括一些标记符号和对应的TS分片的地址。
S802,用户终端根据所述地址信息向视频服务器请求对应的视频文件。
在一些实施例中,用户终端根据所述地址信息(url)和m3u8索引文件中各个TS分片的地址,向视频服务器请求对应的各个分片。
S803,用户终端接收视频服务器返回的视频文件并播放所述视频文件。
在视频服务器收到用户终端的视频数据请求之后,会根据其中携带的分片地址向用户终端返回对应的TS分片。之后,用户终端可以播放接收到的TS分片。
S804,用户终端保存接收到的视频文件。
在一些实施例中,在接收到视频服务器返回的视频文件之后,用户终端可以将这些视频文件保存到本地存储空间中。这样,下次播放视频的时候,无需再次向从视频服务器获取视频文件,提高了用户终端的处理效率,并节省了用户终端的处理资源和网络流量。
S805,用户终端判断是否需要更新所述视频文件,如果需要,则从视频服务器获取新的视频文件。
在一些实施例中,在将视频文件保存到用户终端的本地存储空间之后,用户终端可以定期的对保存的视频文件进行更新。
如上所述,在用户终端中,除了保存视频文件之外,还保存了所述视频文件的图像帧。用户终端可以根据所述图像帧和视频文件的上次更新日期来判断是否需要进行更新。例如,假设预定的更新周期为1天,如果用户终端中保存有3天前从服务器获取的图像帧和视频文件。当用户当前打开应用程序时,由于上次更新日期与当前时间的差值超过了预定的更新周期,则用户终端需要对存储空间中的图像帧和视频文件进行更新。
以上结合实施例对本申请实施例提供的推送信息展示方法进行了描述。本申请一些实施例还提供了推送信息展示装置。
图9为本申请实施例提供的另一种推送信息的展示装置的结构示意图。该推送信息展示装置900可以是用户终端,或者是集成在用户终端中的一个组件。如图9所示,所示推送信息展示装置900包括:
第一显示模块902,在页面上显示处于收起状态的导航窗口;
状态转换模块904,用于响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;
第二显示模块906,用于根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
在一些实施例中,所述第一显示模块902进一步用于:
确定处于收起状态下的导航窗口的尺寸和位置,并根据所述收起状态下的导航窗口的尺寸和位置,确定第二显示区域的尺寸和位置,将所述第二显示区域置于所述页面中,并在所述第二显示区域中展示第二推送信息。
在一些实施例中,所述导航窗口包括导航条和窗口显示区域;其中所述导航条包含导航窗口标题、以及一个或者多个用于实现导航功能的导航控件。
在一些实施例中,所述第二显示模块906进一步用于:
将所述导航条的背景设置为透明或者半透明;
将所述窗口显示区域设置为透明;
将所述第一显示区域置于所述展开状态的导航窗口之下,使得所述第一推送信息透过所述导航条以及所述窗口显示区域进行显示。
在一些实施例中,所述第一显示模块902进一步用于:
将所述导航条的背景设置为不透明;
将所述窗口显示区域设置为透明;
将所述第二显示区域置于所述收起状态的导航窗口之下,使得所述第二推送信息透过所述透明的窗口显示区域进行显示。
在一些实施例中,所述第一显示区域的尺寸与所述展开状态下的导航窗口的尺寸相同;
所述第二显示区域的尺寸与所述收起状态下的导航窗口的尺寸相同,或者与所述收起状态下的导航窗口的窗口显示区域的尺寸相同。
在一些实施例中,所述第一推送信息包括背景图片、以及一个或多个推送信息内容图片;所述第二推送信息包括所述一个或者多个推送信息内容图片;
所述第二显示模块906进一步用于:根据预定的第一显示位置和第一显示比例,将所述背景图片、以及所述一个或多个推送信息内容图片显示在所述第一显示区域中;
所述第一显示模块902进一步用于:根据预定的第二显示位置和第二显示比例,将所述一个或多个推送信息内容图片显示在所述第二显示区域中。
在一些实施例中,所述第一推送信息包括视频文件;所述第二推送信息包括所述视频文件中的图像帧;
所述第二显示模块906进一步用于:在所述第一显示区域中播放所述视频文件;
所述第一显示模块902进一步用于:在所述第二显示区域中显示所述图像帧。
在一些实施例中,所述第一显示模块902进一步用于,从第一服务器获取所述图像帧和所述视频文件的地址信息;
所述第二显示模块906进一步用于,响应于所述页面上指定类型的操作,根据所述视频文件的地址信息,从第二服务器获取所述视频文件。
在一些实施例中,所述第二显示模块906进一步用于,根据所述地址信息,向所述第二服务器发送视频数据请求;
接收所述第二服务器返回的视频数据响应消息,其中所述视频数据响应消息中携带所述视频文件。
在一些实施例中,所述装置进一步包括:
存储模块908,用于存储所述第一推送信息和第二推送信息,
更新模块910,用于如果所述第一推送信息和第二推送信息的更新时间与当前时间的差值超过预定的阈值,从服务器获取新的第一推送信息和第二推送信息;
利用所述新的第一推送信息和第二推送信息,更新所述本地存储空间中的所述第一推送信息和第二推送信息。
本领域技术人员应当理解,本申请实施例的各处理模块的功能,可参照前述方法实施例的相关描述而理解,本申请实施例的各处理模块,可通过实现本申请实施例的软件在用户终端上的运行而实现。
图10是本申请一些实施例中推送信息的展示装置的示意图。该推送信息展示装置可以是图1示出的用户终端104,也可以是用户终端104中的一个组件。
如图10所示,推送信息展示装置1000包括一个或者多个处理器(CPU)1010、存储器1020、I/O接口1030、显示接口1040、网络通信接口1050、以及用于互联这些组件的通信总线1060。
在一些实施例中,所述网络通信接口1050用于实现所述推送信息展示装置1000与外部设备之间的网络连接,例如向服务器请求数据、从服务器接收数据等。
所述I/O接口和显示接口1040可以用于连接一个或多个输出设备(例如触摸屏、显示器等),和/或包括一个或多个输入设备(例如触摸屏、手写笔,或其他输入控件等)。
存储器1020可以是高速随机存取存储器,诸如DRAM、SRAM、DDR RAM、或其他随机存取固态存储设备;或者非易失性存储器,诸如一个或多个磁盘存储设备、光盘存储设备、闪存设备,或其他非易失性固态存储设备。
存储器1020包括:
操作系统1002,包括用于处理各种基本系统服务和用于执行硬件相关任务的程序;
应用程序1008;
其中,应用程序1008中包含推送信息展示应用1009,用于在页面上显示处于收起状态的导航窗口;响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述展开状态的页面中,并在所述第一显示区域中展示第一推送信息。
在一些实施例中,当导航窗口处于收起状态时,所述应用程序1008可以确定处于收起状态下的导航窗口的尺寸和位置,并根据所述收起状态下的导航窗口的尺寸和位置,确定第二显示区域的尺寸和位置,将所述第二显示区域置于所述页面中,并在所述第二显示区域中展示第二推送信息。
通过本申请实施例提供的推送信息展示方法,一方面使得导航窗口的空间得到了利用,另一方面,在用户不主动操作的情况下,导航窗口处于收起状态,以最少的空间来向用户传达必要的推送信息,从而可以节省推送信息占用的空间。当用户执行指定类型的操作时,再展开导航窗口,以放大的模式对推送信息进行展示。
在本申请所提供的几个实施例中,应该理解到,所揭露的设备和方法,可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,如:多个模块或组件可以结合,或可以集成到另一个系统,或一些特征可以忽略,或不执行。另外,所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口,设备或模块的间接耦合或通信连接,可以是电性的、机械的或其它形式的。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:移动存储设备、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅为本申请的较佳实施例而已,并非用于限定本申请的保护范围。凡在本申请的精神和原则之内,所作的任何修改、等同替换以及改进等,均应包含在本申请的保护范围之内。
Claims (15)
1.一种推送信息的展示方法,其特征在于,包括:
在页面上显示处于收起状态的导航窗口;
响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;
根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
2.根据权利要求1所述的方法,其特征在于,所述在页面上显示处于收起状态的导航窗口包括:
确定处于收起状态下的导航窗口的尺寸和位置,并根据所述收起状态下的导航窗口的尺寸和位置,确定第二显示区域的尺寸和位置,将所述第二显示区域置于所述页面中,并在所述第二显示区域中展示第二推送信息。
3.根据权利要求2所述的方法,其特征在于,所述导航窗口包括导航条和窗口显示区域;其中所述导航条包含导航窗口标题、以及一个或者多个用于实现导航功能的导航控件。
4.根据权利要求3所述的方法,其特征在于,所述将所述第一显示区域置于所述页面中包括:
将所述导航条的背景设置为透明或者半透明;
将所述窗口显示区域设置为透明;
将所述第一显示区域置于所述展开状态的导航窗口之下,使得所述第一推送信息透过所述导航条以及所述窗口显示区域进行显示。
5.根据权利要求3所述的方法,其特征在于,所述将所述第二显示区域置于所述页面中包括:
将所述导航条的背景设置为不透明;
将所述窗口显示区域设置为透明;
将所述第二显示区域置于所述收起状态的导航窗口之下,使得所述第二推送信息透过所述透明的窗口显示区域进行显示。
6.根据权利要求3所述的方法,其特征在于,所述第一显示区域的尺寸与所述展开状态下的导航窗口的尺寸相同;
所述第二显示区域的尺寸与所述收起状态下的导航窗口的尺寸相同,或者与所述收起状态下的导航窗口的窗口显示区域的尺寸相同。
7.根据权利要求2所述的方法,其特征在于,所述第一推送信息包括背景图片、以及一个或多个推送信息内容图片;所述第二推送信息包括所述一个或者多个推送信息内容图片;
在所述第一显示区域中展示第一推送信息包括:根据预定的第一显示位置和第一显示比例,将所述背景图片、以及所述一个或多个推送信息内容图片显示在所述第一显示区域中;
在所述第二显示区域中展示第二推送信息包括:根据预定的第二显示位置和第二显示比例,将所述一个或多个推送信息内容图片显示在所述第二显示区域中。
8.根据权利要求2所述的方法,其特征在于,所述第一推送信息包括视频文件;所述第二推送信息包括所述视频文件中的图像帧;
在所述第一显示区域中展示第一推送信息包括:在所述第一显示区域中播放所述视频文件;
在所述第二显示区域中展示第二推送信息包括:在所述第二显示区域中显示所述图像帧。
9.根据权利要求8所述的方法,其特征在于,进一步包括:在所述第二显示区域中显示所述图像帧之前,从第一服务器获取所述图像帧和所述视频文件的地址信息;
响应于所述页面上指定类型的操作,根据所述视频文件的地址信息,从第二服务器获取所述视频文件。
10.根据权利要求9所述的方法,其特征在于,所述从第二服务器获取所述视频文件包括:根据所述地址信息,向所述第二服务器发送视频数据请求;
接收所述第二服务器返回的视频数据响应消息,其中所述视频数据响应消息中携带所述视频文件。
11.根据权利要求2所述的方法,其特征在于,所述第一推送信息和第二推送信息保存在本地存储空间中,所述方法进一步包括:
如果所述第一推送信息和第二推送信息的更新时间与当前时间的差值超过预定的阈值,从服务器获取新的第一推送信息和第二推送信息;
利用所述新的第一推送信息和第二推送信息,更新所述本地存储空间中的所述第一推送信息和第二推送信息。
12.一种推送信息的展示装置,其特征在于,包括:
第一显示模块,用于在页面上显示处于收起状态的导航窗口;
状态转换模块,用于响应于所述页面上的指定类型的操作,将所述导航窗口由收起状态转为展开状态,其中,所述展开状态下的导航窗口的尺寸大于所述收起状态下的导航窗口的尺寸;
第二显示模块,用于根据所述展开状态下的导航窗口的尺寸和位置,确定第一显示区域的尺寸和位置,将所述第一显示区域置于所述页面中,并在所述第一显示区域中展示第一推送信息。
13.根据权利要求12所述的装置,其特征在于,所述第一显示模块进一步用于:
确定处于收起状态下的导航窗口的尺寸和位置,并根据所述收起状态下的导航窗口的尺寸和位置,确定第二显示区域的尺寸和位置,将所述第二显示区域置于所述页面中,并在所述第二显示区域中展示第二推送信息。
14.根据权利要求12或13所述的装置,其特征在于,所述导航窗口包括导航条和窗口显示区域;其中所述导航条包含导航窗口标题、以及一个或者多个用于实现导航功能的导航控件;
所述第二显示模块进一步用于:
将所述导航条的背景设置为透明或者半透明;
将所述窗口显示区域设置为透明;
将所述第一显示区域置于所述展开状态的导航窗口之下,使得所述第一推送信息透过所述导航条以及所述窗口显示区域进行显示。
15.一种非易失性计算机可读存储介质,其中所述存储介质中存储有机器可读指令,所述机器可读指令可以由处理器执行以完成权利要求1至11任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810469283.2A CN110569460B (zh) | 2018-05-16 | 2018-05-16 | 推送信息展示方法、装置及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810469283.2A CN110569460B (zh) | 2018-05-16 | 2018-05-16 | 推送信息展示方法、装置及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110569460A true CN110569460A (zh) | 2019-12-13 |
CN110569460B CN110569460B (zh) | 2024-01-05 |
Family
ID=68771838
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810469283.2A Active CN110569460B (zh) | 2018-05-16 | 2018-05-16 | 推送信息展示方法、装置及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110569460B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111880719A (zh) * | 2020-07-28 | 2020-11-03 | 中国银行股份有限公司 | 移动端的汇总信息展示控制装置及方法 |
CN112541141A (zh) * | 2020-12-04 | 2021-03-23 | 深圳市欢太科技有限公司 | 控件展示回调方法、装置、终端及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104102640A (zh) * | 2013-04-03 | 2014-10-15 | 阿里巴巴集团控股有限公司 | 一种页面头部的显示方法及客户端 |
US20150012855A1 (en) * | 2013-07-08 | 2015-01-08 | Samsung Electronics Co., Ltd. | Portable device for providing combined ui component and method of controlling the same |
CN106303740A (zh) * | 2015-06-10 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 智能电视的桌面导航系统及该系统的实现方法 |
CN106648312A (zh) * | 2016-11-18 | 2017-05-10 | 惠州Tcl移动通信有限公司 | 一种显示界面内容调整方法及系统 |
-
2018
- 2018-05-16 CN CN201810469283.2A patent/CN110569460B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104102640A (zh) * | 2013-04-03 | 2014-10-15 | 阿里巴巴集团控股有限公司 | 一种页面头部的显示方法及客户端 |
US20150012855A1 (en) * | 2013-07-08 | 2015-01-08 | Samsung Electronics Co., Ltd. | Portable device for providing combined ui component and method of controlling the same |
CN106303740A (zh) * | 2015-06-10 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 智能电视的桌面导航系统及该系统的实现方法 |
CN106648312A (zh) * | 2016-11-18 | 2017-05-10 | 惠州Tcl移动通信有限公司 | 一种显示界面内容调整方法及系统 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111880719A (zh) * | 2020-07-28 | 2020-11-03 | 中国银行股份有限公司 | 移动端的汇总信息展示控制装置及方法 |
CN112541141A (zh) * | 2020-12-04 | 2021-03-23 | 深圳市欢太科技有限公司 | 控件展示回调方法、装置、终端及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN110569460B (zh) | 2024-01-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10956531B2 (en) | Dynamic generation of mobile web experience | |
US9971740B2 (en) | Dynamic webpage image | |
CN110309451B (zh) | 一种web预加载页面的生成方法及装置 | |
US20120297324A1 (en) | Navigation Control Availability | |
CN111143725A (zh) | 页面生成方法、装置和电子设备 | |
CN105786513A (zh) | 基于Html5的混合移动应用开发方法 | |
US20150248722A1 (en) | Web based interactive multimedia system | |
CN109683978B (zh) | 一种流式布局界面渲染的方法、装置以及电子设备 | |
CN108874393B (zh) | 渲染方法、装置、存储介质和计算机设备 | |
WO2021103363A1 (zh) | 弹幕呈现方法和系统 | |
JP2007233659A (ja) | ネットワークサービスにおける情報配信システム | |
US20130275878A1 (en) | Method, device, server, and mobile terminal for browsing web pages | |
CN110769300B (zh) | 一种呈现信息流中横屏视频的方法与设备 | |
CN108062336B (zh) | 媒体信息处理方法及装置 | |
US20210216177A1 (en) | Navigation bar controlling method and terminal | |
US20240007701A1 (en) | Continuing video playback when switching from a dynamic page to a non-dynamic page | |
CN106874023B (zh) | 动态页面加载方法和装置 | |
US11991420B2 (en) | Live commenting processing method and system | |
CN110569460B (zh) | 推送信息展示方法、装置及存储介质 | |
EP3080722A1 (en) | Web page rendering on wireless devices | |
US20130145258A1 (en) | Incremental Synchronization for Magazines | |
JP2023530775A (ja) | 情報指示方法、装置、電子機器及び記憶媒体 | |
US11023089B2 (en) | View port resolution independent network pages | |
AU2011239885A1 (en) | So-called HD-Web method for high-definition and all-screen compatibile internet contents | |
CN116578795A (zh) | 网页页面的生成方法及装置、存储介质、电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40018724 Country of ref document: HK |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |