CN113656130B - 一种数据展示方法、装置、设备以及存储介质 - Google Patents
一种数据展示方法、装置、设备以及存储介质 Download PDFInfo
- Publication number
- CN113656130B CN113656130B CN202110938365.9A CN202110938365A CN113656130B CN 113656130 B CN113656130 B CN 113656130B CN 202110938365 A CN202110938365 A CN 202110938365A CN 113656130 B CN113656130 B CN 113656130B
- Authority
- CN
- China
- Prior art keywords
- video
- interface
- target
- video area
- area
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 93
- 238000012545 processing Methods 0.000 claims abstract description 35
- 230000000694 effects Effects 0.000 claims abstract description 33
- 230000008569 process Effects 0.000 claims description 39
- 230000004044 response Effects 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 14
- 230000008859 change Effects 0.000 claims description 5
- 238000000926 separation method Methods 0.000 claims description 2
- 238000013519 translation Methods 0.000 description 22
- 238000004891 communication Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 6
- 239000005338 frosted glass Substances 0.000 description 5
- 230000006870 function Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 239000005337 ground glass Substances 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供了一种数据展示方法,涉及互联网技术领域,尤其涉及界面处理技术领域。具体实现方案为:接收针对目标界面的界面展示指令;响应所述界面展示指令,展示具有指定展示模式的目标界面;其中,所述指定展示模式包括所述目标界面的主题内容叠加在所述目标界面的视频区域之上,且所述视频区域内的视频封面具有模糊化效果;当检测到界面下拉操作的下拉距离超过第一预定距离时,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理。通过这样的方式,在有效利用了界面空间的同时,保证文本内容为界面中的阅读焦点。
Description
技术领域
本公开涉及互联网技术领域,尤其涉及界面处理技术领域,具体涉及一种数据展示方法、装置、设备以及存储介质。
背景技术
在翻译查词的场景中,往往需要将所需翻译的文本内容和针对文本内容的讲解视频进行同界面展示,其中,所需翻译的文本内容属于界面的主题内容,而讲解视频属于辅助内容。
针对文本内容为主而视频为辅的界面而言,相关技术中,通常将视频区域展示在界面的顶部,而将文本内容展示在视频区域的下方。
发明内容
本公开提供了一种数据展示方法、装置、设备以及存储介质。
根据本公开的一方面,提供了一种数据展示方法,包括:
接收针对目标界面的界面展示指令;
响应所述界面展示指令,展示具有指定展示模式的目标界面;其中,所述指定展示模式包括所述目标界面的主题内容叠加在所述目标界面的视频区域之上,且所述视频区域内的视频封面具有模糊化效果;
响应于检测到界面下拉操作的下拉距离超过第一预定距离,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理。
根据本公开的另一方面,提供了一种数据展示装置,包括:
接收模块,用于接收针对目标界面的界面展示指令;
展示模块,用于响应所述界面展示指令,展示具有指定展示模式的目标界面;其中,所述指定展示模式包括所述目标界面的主题内容叠加在所述目标界面的视频区域之上,且所述视频区域内的视频封面具有模糊化效果;
处理模块,用于响应于检测到界面下拉操作的下拉距离超过第一预定距离,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理。
根据本公开的另一方面,提供了一种电子设备,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行上述的数据展示方法的步骤。
根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行上述的数据展示方法的步骤。
根据本公开的另一方面,提供了一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现上述的数据展示方法的步骤。
通过本方案,可以实现在文本内容为阅读焦点的前提下,同界面展示文本内容和视频。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本公开的限定。其中:
图1是根据本公开一种数据展示方法的流程图;
图2是根据本公开一种数据展示方法的另一流程图;
图3是根据本公开界面的指定展示模式的示意图;
图4是根据本公开界面的下拉操作的下拉距离超过第一预定距离时的示意图;
图5是根据本公开数据展示装置的一种结构示意图;
图6是用来实现本公开实施例的数据展示方法的电子设备的框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
传统的查词、翻译APP(application,应用程序)的界面是以文本为主的显示方式,通过文本给出解释;也会使用图、视频的形式,通过图和视频的内容进行辅助讲解。但往往图和视频的显示方式在空间的摆放上不会很靠前展示,且经常不展示在同一界面上,导致播放视频的时候就不能对照查看翻译结果,不利于加深用户的记忆。
在翻译APP的查词场景下,将视频和文本内容同界面显示,显得尤为重要,并且界面展示还需要满足视频为辅、文本内容为主的特点,以保证阅读的焦点。相关技术中,存在将视频区域展示在界面的顶部,而将文本内容展示在视频区域的下方的界面展示方式。这种展示方式使得文本内容和视频可以同界面展示,其中文本内容占据大部分空间。但是,由于视频仍然占据视线最重要的位置,这种展示方式没有达到文本内容为主的目标;并且,在触发视频播放时,需要用户将手指移动到界面最顶部点击播放,在一些大屏设备中,例如大屏手机中,将手指移动到手机顶部,具有较大的操作成本。
同时,现有技术中,还存在全屏视频的界面展示方式,其中,视频占据整个界面,而文本内容覆盖在视频的上方显示。这种展示方式由于文本内容没有足够空间展示,不适用于翻译APP的查词场景。因此,上述两种方案均没有做到空间的有效利用以保证阅读的焦点。
基于上述内容,为了保证文本内容为阅读焦点的前提下,实现同界面展示文本内容和视频,本公开实施例提供了一种数据展示方法、装置、设备以及存储介质。
下面首先对本公开实施例所提供的一种数据展示方法进行介绍。
本公开实施例所提供的一种数据展示方法可以应用于电子设备。在具体应用中,该电子设备可以为终端设备。在实际应用中,该终端设备可以是:智能手机、平板电脑、台式电脑等等。
具体而言,该数据展示方法的执行主体可以为数据展示装置。示例性的,该数据展示装置可以为存在文本内容为主而视频为辅需求的客户端,例如:翻译客户端;当然,该数据展示装置也可以为现有客户端中的插件,例如:翻译客户端中的界面展示插件。
其中,本公开实施例所提供的一种数据展示方法,可以包括如下步骤:
接收针对目标界面的界面展示指令;
响应所述界面展示指令,展示具有指定展示模式的目标界面;其中,所述指定展示模式包括所述目标界面的主题内容叠加在所述目标界面的视频区域之上,且所述视频区域内的视频封面具有模糊化效果;
响应于检测到界面下拉操作的下拉距离超过第一预定距离,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理。
本公开提供的方案中,在接收到界面展示指令后,展示具有指定展示模式的目标界面。该指定展示模式通过将目标界面的主题内容叠加在目标界面的视频区域之上,可以有效的利用界面中的展示空间,将视频区域和文本内容进行同界面展示;并且,视频区域内的视频封面具有模糊化效果,这样,即便将视频区域置于界面中顶部的最显眼的位置,也能保证指定展示模式下,文本内容为界面中的阅读焦点。当检测到界面下拉操作的下拉距离超过第一预定距离时,对视频区域内的视频封面进行清晰化处理和对主题内容进行隐藏处理,以实现后续视频播放时的清晰效果。通过本方案,可以实现在文本内容为阅读焦点的前提下,同界面展示文本内容和视频。
下面结合附图,对本公开实施例所提供的数据展示方法进行介绍。
如图1所示,本公开实施例所提供的一种数据展示方法,可以包括如下步骤:
S101,接收针对目标界面的界面展示指令;
本实施例中,目标界面为文本内容为主而视频为辅的界面。示例性的,数据展示方法的执行主体为手机终端中的翻译客户端时,即数据展示方法应用于手机终端中的翻译客户端时,目标界面可以为针对用户给定的待翻译文本的翻译界面。示例性的,数据展示方法的执行主体为手机终端中的旅游服务客户端时,即数据展示方法应用于手机终端中的旅游服务客户端时,目标界面可以为针对用户给定酒店的酒店预订界面。
示例性的,用户可以在指定的输入界面,发出针对目标界面的界面展示指令。例如,数据展示方法应用于手机终端中的翻译客户端时,指定的输入界面可以是用于输入待翻译文本内容的界面,针对目标界面的界面展示指令可以通过用户在指定的输入界面中按下翻译按钮时触发,触发后界面从指定的输入界面跳转到目标界面。
S102,响应所述界面展示指令,展示具有指定展示模式的目标界面;其中,所述指定展示模式包括所述目标界面的主题内容叠加在所述目标界面的视频区域之上,且所述视频区域内的视频封面具有模糊化效果;
其中,不同的客户端中,目标界面的主题内容的内容类型可以不同,并且,视频区域所展示视频的内容类型不同,具体何种内容作为主题内容以及视频作为视频区域中待展示的视频,可以根据实际情况设定,本公开对此不作限定。示例性的,针对翻译客户端而言,所述主题内容可以为待翻译文本的相关内容,例如,待翻译文本,或者,待翻译文本以及待翻译文本的词性、释义、发音等内容;所述视频区域可以展示对待翻译文本内容进行辅助讲解的视频。示例性的,针对旅游服务客户端而言,所述主题内容可以为酒店的名称,或者,酒店的名称以及地址;视频区域可以展示酒店的介绍视频。
示例性的,视频区域在界面中的位置,可以是顶部,当然也可以是界面中的其他位置,这里并不为本公开所限制。当视频区域位于界面中的顶部时,界面中顶部的下方区域可以为展示其他的内容的区域,例如:展示翻译文本内容的文本区域。
并且,所述视频封面可以为视频未播放时,所展示出的默认画面。这里的默认画面可以是视频播放之后,恢复到指定展示模式时,视频当前播放至的画面;也可以为视频的首帧画面或开发人员设置的其他画面,这里,默认画面的选取并不为本公开所限制。
可以理解的是,所述目标界面的主题内容叠加在所述目标界面的视频区域之上,而视频区域内的视频封面具有模糊化效果,这样,在指定展示模式中,可以突出文本类型的主题内容,并且可以在不干扰文本类型的主题内容的同时展示出视频,达到了节省空间和以文本内容为阅读焦点的目的。其中,视频区域内的视频封面具有模糊化效果也可以称为视频封面具有毛玻璃显示效果。
可选地,在一种实现方式中,为了实现视频封面的模糊效果,可以直接将视频封面进行毛玻璃效果处理,也就是通过降低视频封面的透明度,以达到半透明的毛玻璃效果。
可选地,在另一种实现方式中,为了实现视频封面的模糊效果,所述指定展示模式还包括:所述视频区域和所述主题内容之间、叠加有用于对所述视频区域进行覆盖的蒙层;其中,所述蒙层的透明度为能够对所述视频区域内的视频封面进行模糊化的数值。
可以理解的是,在所述视频区域和所述主题内容之间、叠加有用于对所述视频区域进行覆盖的蒙层,其中,所述蒙层可以认为是图层。然后,通过调整蒙层的透明度,即可实现视频区域的清晰度变化。因此,为了对所述视频区域内的视频封面进行模糊化处理,可以将蒙层的透明度设置为预设的数值,例如:假设透明度为0-1的取值范围,取值越小,透明度越高,此时,该预设的数值可以是:0.5、0.6、0.7等等。
需要强调的是,上述的视频区域内的视频封面的模糊化效果的实现方式,仅仅作为示例,并不应该构成对本公开实施例的限定。
S103,响应于检测到界面下拉操作的下拉距离超过第一预定距离,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理。
本实施例中,界面下拉操作可以通过手势识别进行检测。示例性的,本公开的下拉操作应用于手机终端中的翻译客户端时,可以通过手机终端中的手势识别对下拉操作进行检测。当检测到下拉距离超过第一预定距离时,触发对视频封面进行清晰化处理和对主题内容进行隐藏处理的指令,以实现后续视频播放时的清晰效果。其中,该第一预定距离可以是开发人员设置的距离数值,例如:1cm、2cm等等。
值得一提的是,响应于界面下拉操作的下拉距离超过第一预定距离,所述视频区域内的视频还可以触发加载操作,当然也可以不触发加载操作,这都是合理的。针对触发加载操作的情况而言,如果加载成功,视频进行播放;如果加载失败,视频区域内会显示视频加载失败信息,并且,界面恢复到指定展示模式。此时对于大屏设备而言,不需要用户将手指移动到界面最顶部点击播放,降低用户的操作成本。
示例性的,目标界面中在视频区域以外的地方,还可以有主题内容以外的其他文本内容,该其他文本内容与主题内容相关。例如:针对翻译客户端而言,目标界面中视频区域以外还可以有翻译文本区域,翻译文本区域中可以展示待翻译文本的例句等内容。这样,当视频加载成功进行播放时,用户在界面中观看视频的同时,也能看到翻译内容,这种对照显示的方式可以使用户在阅读时加深记忆。
可选地,在一种实现方式中,针对直接将视频封面进行毛玻璃效果处理的情况而言,对所述视频区域内的视频封面进行清晰化处理,可以针对视频封面本身去除毛玻璃效果。
可选地,在一另种实现方式中,针对通过蒙层设置模糊化效果的情况而言,对所述视频区域内的视频封面进行清晰化处理,包括:将所述蒙层的透明度调整为目标数值,所述目标数值为使得所述视频区域内的视频封面清晰化的数值;或者,从所述视频区域的上方移除所述蒙层。
可以理解的是,由于蒙层为覆盖在视频封面上的遮盖层,通过调整蒙层的透明度即可影响视频封面的清晰度,因此,为了对视频区域内的视频封面进行清晰化处理,可以将蒙层的透明度调整为目标数值,例如:若透明度取值为0-1,取值越小,透明度越高;此时,目标数值可以为0、0.1等与0接近的数值,以使得视频封面清晰。另外,通过将所述蒙层从视频区域的上方移除,使得视频区域上方不再有半透明的遮盖层,也会使得视频封面变得清晰。
另外,对主题内容进行隐藏处理可以是将主题内容替换为空文本,也就是,没有主题内容,以实现主题内容的隐藏;或者,将主题内容的透明度设置为0,也就是,设置为用户看不到的形式,以实现主题内容的隐藏。
本公开提供的方案中,在接收到界面展示指令后,展示具有指定展示模式的目标界面。该指定展示模式通过将目标界面的主题内容叠加在目标界面的视频区域之上,可以有效的利用界面中的展示空间,将视频区域和文本内容进行同界面展示;并且,视频区域内的视频封面具有模糊化效果,这样,即便将视频区域置于界面中顶部的最显眼的位置,也能保证指定展示模式下,文本内容为界面中的阅读焦点。当检测到界面下拉操作的下拉距离超过第一预定距离时,对视频区域内的视频封面进行清晰化处理和对主题内容进行隐藏处理,以实现后续视频播放时的清晰效果。通过本方案,可以实现在文本内容为阅读焦点的前提下,同界面展示文本内容和视频。
可选地,在本公开的另一实施例中,在针对所述目标界面的下拉过程中,降低所述视频区域内的视频封面的模糊化程度。
本实施例中,在针对所述目标界面的下拉过程中,也就是,下拉距离达到第一预定距离之前,降低所述视频区域内的视频封面的模糊化程度。可以理解的是,通过在下拉过程中降低所述视频区域内的视频封面的模糊化程度,可以达到视频封面在下拉过程中逐渐清晰的效果,与在下拉距离超过第一预定距离时进行视频封面进行清晰化处理相比,清晰度的变化更加柔和,可以避免界面清晰度跳变带来的阅读体验不佳的问题。示例性的,所述视频封面的清晰度可以设置为在下拉过程中无级变化,以提高用户的阅读体验。
可选地,在本公开的另一实施例中,所述指定展示模式还包括:所述主题内容与目标文本区域处于分离状态,且所述目标文本区域的顶部与所述视频区域的底部重叠,且所述顶部在所述底部之上;其中,所述目标文本区域用于显示所述主题内容以外的文本;
相应的,所述方法还包括:响应于检测到界面下拉操作的下拉距离超过第一预定距离,将所述目标文本区域和所述视频区域完全分离,以使得所述视频区域完整显示。
其中,目标文本区域显示的内容是与主题内容相关的内容。
示例性的,针对翻译客户端而言,所述主题内容为覆盖在视频区域上显示的简要翻译内容,例如:待翻译文本;所述目标文本区域可以为显示翻译内容的区域,该翻译内容可以包括:待翻译文本的释义、例句等内容。示例性的,针对旅游服务客户端而言,所述主题内容为覆盖在视频区域上显示的简要的旅游服务内容,例如:酒店的名称;所述目标文本区域可以为显示旅游服务内容的区域,该旅游服务内容可以包括:酒店的评分、用户评价等内容。
其中,所述主题内容与目标文本区域处于分离状态,也就是,主题内容所位于的视频区域与目标文本区域处于分离状态,互不影响。并且,所述目标文本区域的顶部与所述视频区域的底部重叠,且所述顶部在所述底部之上,那么,若视频区域显示在界面中的顶部,目标文本区域显示在视频区域的下方,并且目标文本区域的顶部与视频区域的底部有重叠,目标文本区域的顶部覆盖在视频区域的底部的上方,使得在指定展示模式时,以目标文本区域为主进行显示。
通过这样的方式,可以同时展示视频区域和目标文本区域在一个界面上;通过将目标文本区域的顶部覆盖在视频区域的底部的上方,可以实现空间的有效利用;并且,由于主题内容为覆盖在视频区域上显示的文本内容,在视频区域进行模糊化效果处理后,可以不干扰主题内容的显示,保证阅读焦点在主题内容上。
并且,本实施例中,将所述目标文本区域和所述视频区域完全分离,也就是,使目标文本区域的顶部与所述视频区域的底部不再重叠,以展示出完整的视频区域。可以理解的是,由于在界面下拉操作的下拉距离超过第一预定距离时,可以进行视频的加载和播放,因此,可以将视频区域进行完整的展示。示例性的,将所述目标文本区域和所述视频区域完全分离,可以是将目标文本区域的显示位置下移,以完整展示出视频区域。
可选地,在一种实现方式中,在针对所述目标界面的下拉过程中,减小所述目标文本区域和所述视频区域的重叠部分。
在针对所述目标界面的下拉过程中,也就是,下拉距离文本第一预定距离之前,减小所述目标文本区域和所述视频区域的重叠部分。可以理解的是,通过在下拉过程中降低所述减小所述目标文本区域和所述视频区域的重叠部分,可以达到在下拉过程中视频区域逐渐完整展示的效果,与在下拉距离超过第一预定距离时将所述目标文本区域和所述视频区域完全分离相比,可以避免视频区域跳变带来的阅读体验不佳的问题。
基于上述描述可知,本实施例中,通过主题内容与目标文本区域处于分离状态,将目标文本区域的顶部覆盖在视频区域的底部的上方,可以实现空间的有效利用;在界面下拉操作的下拉距离超过第一预定距离时,将所述目标文本区域和所述视频区域完全分离,可以展示出完整的视频区域;在针对所述目标界面的下拉过程中,逐渐减小所述目标文本区域和所述视频区域的重叠部分,可以避免视频区域跳变带来的阅读体验不佳的问题。
可选地,在本公开的的另一实施例中,在图1所示的实施例的基础上,如图2所示,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理之后,所述方法还包括:
S104,响应于检测到界面上滑操作的上滑距离大于第二预定距离,将所述目标界面恢复为所述指定展示模式。
本实施例中,界面上滑操作可以通过手势识别进行检测。示例性的,本公开的上滑操作应用于手机终端中的翻译客户端,可以通过手机终端中的手势识别对上滑操作进行检测。响应于检测到上滑距离大于第二预定距离,触发界面恢复为指定展示模式的指令,以将界面恢复到指定展示模式。通过这样的方式,界面在除视频播放时都以指定展示模式进行展示,以保证阅读的焦点在文本内容上。值得一提的是,当视频播放完后,也可将界面恢复到指定展示模式,以减少用户手动操作,提高用户体验。
基于上述实施例的相关描述可知,本公开所提供的数据展示方法,可以实现在文本内容为阅读焦点的前提下,同界面展示文本内容和视频。并且,响应于检测到界面上滑操作的上滑距离大于第二预定距离,将所述目标界面恢复为所述指定展示模式,以保证界面在除视频播放时,阅读的焦点都在文本内容上,从而达到文本内容为主、视频为辅的展示需求。
为了更好的阐述本公开实施例的内容,下面结合图3和图4对本公开一个具体的示例进行描述。
如图3和图4所示,本公开的一个具体的示例可以包括如下内容:
(1)在接收到针对待翻译文本A的界面的展示指令时,翻译界面以默认的展示模式(对应于上文中的指定展示模式)进行展示,如图3所示,该展示模式为视频区域显示在界面顶部,文本区域(对应于上文中的目标文本区域)显示在视频区域的下方,其中,视频区域具有毛玻璃效果(对应于上文中的模糊化效果),其上覆盖有文本主题(对应于上文中的主题内容)。通过这样的方式,即便将视频区域和文本主题同时放在界面顶部,当视频区域被作为背景进行毛玻璃效果处理后,仍然突出文本主题,保证阅读焦点在文本主题上,同时实现了文本内容和视频同界面显示,有效的利用了界面展示空间。
(2)当用户在翻译界面默认的展示模式中进行下拉操作时,当手机检测到下拉操作,也就是上文中检测到下拉距离超过第一预设距离时,如图4所示,文本主题进行了隐藏处理,视频区域逐渐清晰,并且,视频区域和文本区域逐渐分离,以显示出完整的视频内容。这样,在下拉操作完成后,即可进行视频的加载,若加载成功,视频播放,若加载失败,视频区域可显示加载视频失败信息。
(3)当用户在翻译界面中进行上滑操作时,当手机检测到下拉操作,也就是上文中检测到上滑操作的上滑距离大于第二预定距离时,界面恢复到如图3所示的默认的展示模式。
本公开提供的方案中,在接收到界面展示指令后,展示具有指定展示模式的目标界面。该指定展示模式通过将目标界面的主题内容叠加在目标界面的视频区域之上,可以有效的利用界面中的展示空间,将视频区域和文本内容进行同界面展示;并且,视频区域内的视频封面具有模糊化效果,这样,即便将视频区域置于界面中顶部的最显眼的位置,也能保证指定展示模式下,文本内容为界面中的阅读焦点。当检测到界面下拉操作的下拉距离超过第一预定距离时,对视频区域内的视频封面进行清晰化处理和对主题内容进行隐藏处理,以实现后续视频播放时的清晰效果。通过本方案,可以实现在文本内容为阅读焦点的前提下,同界面展示文本内容和视频。
基于上述方法的实施例,本公开实施例还提供了一种数据展示装置,如图5所示,所述装置包括:
接收模块510,用于接收针对目标界面的界面展示指令;
展示模块520,用于响应所述界面展示指令,展示具有指定展示模式的目标界面;其中,所述指定展示模式包括所述目标界面的主题内容叠加在所述目标界面的视频区域之上,且所述视频区域内的视频封面具有模糊化效果;
处理模块530,用于响应于检测到界面下拉操作的下拉距离超过第一预定距离,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理。
可选地,所述指定展示模式还包括:所述视频区域和所述主题内容之间、叠加有用于对所述视频区域进行覆盖的蒙层;其中,所述蒙层的透明度为能够对所述视频区域内的视频封面进行模糊化的数值。
可选地,所述处理模块对所述视频区域内的视频封面进行清晰化处理,包括:将所述蒙层的透明度调整为目标数值,所述目标数值为使得所述视频区域内的视频封面清晰化的数值;或者,从所述视频区域的上方移除所述蒙层。
可选地,所述装置还包括:调整模块,用于在针对所述目标界面的下拉过程中,降低所述视频区域内的视频封面的模糊化程度。
可选地,所述指定展示模式还包括:所述主题内容与目标文本区域处于分离状态,所述目标文本区域的顶部与所述视频区域的底部重叠,且所述顶部在所述底部之上;其中,所述目标文本区域用于显示所述主题内容以外的文本;
所述装置还包括:分离模块,用于响应于检测到界面下拉操作的下拉距离超过第一预定距离,将所述目标文本区域和所述视频区域完全分离,以使所述视频区域完整显示。
可选地,所述装置还包括:变化模块,用于在针对所述目标界面的下拉过程中,减小所述目标文本区域和所述视频区域的重叠部分。
可选地,所述处理模块还用于对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理之后,响应于检测到界面上滑操作的上滑距离大于第二预定距离,将所述目标界面恢复为所述指定展示模式。
根据本公开的实施例,本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
本公开所提供的一种电子设备,可以包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行上述的数据展示方法的步骤。
本公开所提供的一种计算机可读存储介质,该计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述任一数据展示方法的步骤。
在本公开提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一数据展示的步骤。
图6示出了可以用来实施本公开的实施例的示例电子设备600的示意性框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图6所示,设备600包括计算单元601,其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序,来执行各种适当的动作和处理。在RAM 603中,还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
设备600中的多个部件连接至I/O接口605,包括:输入单元606,例如键盘、鼠标等;输出单元607,例如各种类型的显示器、扬声器等;存储单元608,例如磁盘、光盘等;以及通信单元609,例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理,例如数据展示方法。例如,在一些实施例中,数据展示方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元608。在一些实施例中,计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到RAM 603并由计算单元601执行时,可以执行上文描述的数据展示方法的一个或多个步骤。备选地,在其他实施例中,计算单元601可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行数据展示方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,也可以为分布式系统的服务器,或者是结合了区块链的服务器。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本公开保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等,均应包含在本公开保护范围之内。
Claims (17)
1.一种数据展示方法,包括:
接收针对目标界面的界面展示指令;
响应所述界面展示指令,展示具有指定展示模式的目标界面;其中,所述指定展示模式包括所述目标界面的主题内容叠加在所述目标界面的视频区域之上,且所述视频区域内的视频封面具有模糊化效果,所述目标界面为主题内容为主而视频区域为辅的界面;
响应于检测到界面下拉操作的下拉距离超过第一预定距离,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理。
2.根据权利要求1所述的方法,其中,所述指定展示模式还包括:所述视频区域和所述主题内容之间、叠加有用于对所述视频区域进行覆盖的蒙层;
其中,所述蒙层的透明度为能够对所述视频区域内的视频封面进行模糊化的数值。
3.根据权利要求2所述的方法,其中,对所述视频区域内的视频封面进行清晰化处理,包括:
将所述蒙层的透明度调整为目标数值,所述目标数值为使得所述视频区域内的视频封面清晰化的数值;
或者,从所述视频区域的上方移除所述蒙层。
4.根据权利要求1所述的方法,其中,所述方法还包括:
在针对所述目标界面的下拉过程中,降低所述视频区域内的视频封面的模糊化程度。
5.根据权利要求1-4任一项所述的方法,其中,所述指定展示模式还包括:
所述主题内容与目标文本区域处于分离状态,所述目标文本区域的顶部与所述视频区域的底部重叠,且所述顶部在所述底部之上;其中,所述目标文本区域用于显示所述主题内容以外的文本;
所述方法还包括:
响应于检测到界面下拉操作的下拉距离超过第一预定距离,将所述目标文本区域和所述视频区域完全分离,以使所述视频区域完整显示。
6.根据权利要求5所述的方法,其中,所述方法还包括:
在针对所述目标界面的下拉过程中,减小所述目标文本区域和所述视频区域的重叠部分。
7.根据权利要求1-4任一项所述的方法,其中,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理之后,还包括:
响应于检测到界面上滑操作的上滑距离大于第二预定距离,将所述目标界面恢复为所述指定展示模式。
8.一种数据展示装置,包括:
接收模块,用于接收针对目标界面的界面展示指令;
展示模块,用于响应所述界面展示指令,展示具有指定展示模式的目标界面;其中,所述指定展示模式包括所述目标界面的主题内容叠加在所述目标界面的视频区域之上,且所述视频区域内的视频封面具有模糊化效果,所述目标界面为主题内容为主而视频区域为辅的界面;
处理模块,用于响应于检测到界面下拉操作的下拉距离超过第一预定距离,对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理。
9.根据权利要求8所述的装置,其中,所述指定展示模式还包括:所述视频区域和所述主题内容之间、叠加有用于对所述视频区域进行覆盖的蒙层;
其中,所述蒙层的透明度为能够对所述视频区域内的视频封面进行模糊化的数值。
10.根据权利要求9所述的装置,其中,所述处理模块对所述视频区域内的视频封面进行清晰化处理,包括:
将所述蒙层的透明度调整为目标数值,所述目标数值为使得所述视频区域内的视频封面清晰化的数值;
或者,从所述视频区域的上方移除所述蒙层。
11.根据权利要求8所述的装置,其中,所述装置还包括:
调整模块,用于在针对所述目标界面的下拉过程中,降低所述视频区域内的视频封面的模糊化程度。
12.根据权利要求8-11任一项所述的装置,其中,所述指定展示模式还包括:
所述主题内容与目标文本区域处于分离状态,所述目标文本区域的顶部与所述视频区域的底部重叠,且所述顶部在所述底部之上;其中,所述目标文本区域用于显示所述主题内容以外的文本;
所述装置还包括:
分离模块,用于响应于检测到界面下拉操作的下拉距离超过第一预定距离,将所述目标文本区域和所述视频区域完全分离,以使所述视频区域完整显示。
13.根据权利要求12所述的装置,其中,所述装置还包括:
变化模块,用于在针对所述目标界面的下拉过程中,减小所述目标文本区域和所述视频区域的重叠部分。
14.根据权利要求8-11任一项所述的装置,其中,所述处理模块还用于对所述视频区域内的视频封面进行清晰化处理,以及对所述主题内容进行隐藏处理之后,响应于检测到界面上滑操作的上滑距离大于第二预定距离,将所述目标界面恢复为所述指定展示模式。
15.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的方法。
16.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行根据权利要求1-7中任一项所述的方法。
17.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110938365.9A CN113656130B (zh) | 2021-08-16 | 2021-08-16 | 一种数据展示方法、装置、设备以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110938365.9A CN113656130B (zh) | 2021-08-16 | 2021-08-16 | 一种数据展示方法、装置、设备以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113656130A CN113656130A (zh) | 2021-11-16 |
CN113656130B true CN113656130B (zh) | 2024-05-17 |
Family
ID=78479256
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110938365.9A Active CN113656130B (zh) | 2021-08-16 | 2021-08-16 | 一种数据展示方法、装置、设备以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113656130B (zh) |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH11109983A (ja) * | 1997-10-06 | 1999-04-23 | Yamaha Corp | カラオケ装置 |
CN101043609A (zh) * | 2006-03-24 | 2007-09-26 | 株式会社东芝 | 字幕检测设备、字幕检测方法、及降频信号检测设备 |
JP2011216930A (ja) * | 2010-03-31 | 2011-10-27 | Hitachi Consumer Electronics Co Ltd | 映像再生装置、映像表示装置および映像再生方法 |
CN104811785A (zh) * | 2015-04-01 | 2015-07-29 | 乐视致新电子科技(天津)有限公司 | 智能终端的显示图形用户界面的控制方法及装置 |
CN106488090A (zh) * | 2015-08-27 | 2017-03-08 | Lg电子株式会社 | 移动终端及其控制方法 |
GB201708473D0 (en) * | 2017-05-26 | 2017-07-12 | Streamsure Solutions Ltd | Communication event |
WO2017161768A1 (zh) * | 2016-03-22 | 2017-09-28 | 乐视控股(北京)有限公司 | 一种在视频画面中生成标题背景的方法及装置 |
CN107483826A (zh) * | 2017-09-11 | 2017-12-15 | 广州酷狗计算机科技有限公司 | 生成视频文件的方法和装置 |
CN110427805A (zh) * | 2019-06-20 | 2019-11-08 | 平安科技(深圳)有限公司 | 视频显示方法、装置、计算机设备和存储介质 |
CN111984349A (zh) * | 2020-07-14 | 2020-11-24 | 维沃移动通信有限公司 | 信息显示方法、装置和电子设备 |
CN112055261A (zh) * | 2020-07-14 | 2020-12-08 | 北京百度网讯科技有限公司 | 字幕展示方法、装置、电子设备和存储介质 |
CN112188255A (zh) * | 2020-09-30 | 2021-01-05 | 北京字跳网络技术有限公司 | 基于视频的交互、视频处理方法、装置、设备及存储介质 |
CN113115096A (zh) * | 2021-03-18 | 2021-07-13 | 北京达佳互联信息技术有限公司 | 界面信息切换方法、装置、电子设备和存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20150025214A (ko) * | 2013-08-28 | 2015-03-10 | 삼성전자주식회사 | 동영상에 비주얼 객체를 중첩 표시하는 방법, 저장 매체 및 전자 장치 |
-
2021
- 2021-08-16 CN CN202110938365.9A patent/CN113656130B/zh active Active
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH11109983A (ja) * | 1997-10-06 | 1999-04-23 | Yamaha Corp | カラオケ装置 |
CN101043609A (zh) * | 2006-03-24 | 2007-09-26 | 株式会社东芝 | 字幕检测设备、字幕检测方法、及降频信号检测设备 |
JP2011216930A (ja) * | 2010-03-31 | 2011-10-27 | Hitachi Consumer Electronics Co Ltd | 映像再生装置、映像表示装置および映像再生方法 |
CN104811785A (zh) * | 2015-04-01 | 2015-07-29 | 乐视致新电子科技(天津)有限公司 | 智能终端的显示图形用户界面的控制方法及装置 |
CN106488090A (zh) * | 2015-08-27 | 2017-03-08 | Lg电子株式会社 | 移动终端及其控制方法 |
WO2017161768A1 (zh) * | 2016-03-22 | 2017-09-28 | 乐视控股(北京)有限公司 | 一种在视频画面中生成标题背景的方法及装置 |
GB201708473D0 (en) * | 2017-05-26 | 2017-07-12 | Streamsure Solutions Ltd | Communication event |
CN107483826A (zh) * | 2017-09-11 | 2017-12-15 | 广州酷狗计算机科技有限公司 | 生成视频文件的方法和装置 |
CN110427805A (zh) * | 2019-06-20 | 2019-11-08 | 平安科技(深圳)有限公司 | 视频显示方法、装置、计算机设备和存储介质 |
CN111984349A (zh) * | 2020-07-14 | 2020-11-24 | 维沃移动通信有限公司 | 信息显示方法、装置和电子设备 |
CN112055261A (zh) * | 2020-07-14 | 2020-12-08 | 北京百度网讯科技有限公司 | 字幕展示方法、装置、电子设备和存储介质 |
CN112188255A (zh) * | 2020-09-30 | 2021-01-05 | 北京字跳网络技术有限公司 | 基于视频的交互、视频处理方法、装置、设备及存储介质 |
CN113115096A (zh) * | 2021-03-18 | 2021-07-13 | 北京达佳互联信息技术有限公司 | 界面信息切换方法、装置、电子设备和存储介质 |
Non-Patent Citations (1)
Title |
---|
基于Flex的网络视频监控客户端设计与实现;宁佳熠;孟利民;赵俊波;;杭州电子科技大学学报;20131015(05);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN113656130A (zh) | 2021-11-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3901756B1 (en) | Electronic device including touch sensitive display and method for operating the same | |
US20160210027A1 (en) | Closing Applications | |
US20190243847A1 (en) | Generating search keyword suggestions from recently used application | |
US20140298245A1 (en) | Display Instance Management | |
US20210149558A1 (en) | Method and apparatus for controlling terminal device, and non-transitory computer-readle storage medium | |
US20140189516A1 (en) | Video preview display method and terminal device | |
CN112882678B (zh) | 图文处理方法和展示方法、装置、设备和存储介质 | |
US20210350541A1 (en) | Portrait extracting method and apparatus, and storage medium | |
EP2919106A1 (en) | Electronic device and method for displaying content | |
CN110568973B (zh) | 截图方法、截图装置、存储介质及终端设备 | |
US20150379138A1 (en) | Method and apparatus for processing input information | |
CN112055261A (zh) | 字幕展示方法、装置、电子设备和存储介质 | |
CN114168793A (zh) | 主播展示方法、装置、设备和存储介质 | |
CN113392660A (zh) | 页面翻译方法、装置、电子设备及存储介质 | |
WO2014154088A1 (en) | Adjusting information prompting in input method | |
CN113656130B (zh) | 一种数据展示方法、装置、设备以及存储介质 | |
CN112163143A (zh) | 页面切换的方法、装置、设备以及存储介质 | |
AU2016205616A1 (en) | Method of displaying content and electronic device implementing same | |
WO2023155809A1 (zh) | 桌面变形器显示方法、装置、电子设备及存储介质 | |
CN113873323B (zh) | 视频播放方法、装置、电子设备和介质 | |
KR102464509B1 (ko) | 작문을 위한 콘텐츠를 추천하기 위한 방법, 시스템 및 비일시성의 컴퓨터 판독 가능한 기록 매체 | |
US20140250407A1 (en) | Method, apparatus and computer readable storage medium for displaying sidebar information | |
CN113515210A (zh) | 一种显示方法、装置、电子设备以及存储介质 | |
CN113778595A (zh) | 文档生成方法、装置和电子设备 | |
CN113065544A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |