CN116628374A - 一种浏览器界面的展示方法、装置、电子设备及存储介质 - Google Patents
一种浏览器界面的展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN116628374A CN116628374A CN202310889194.4A CN202310889194A CN116628374A CN 116628374 A CN116628374 A CN 116628374A CN 202310889194 A CN202310889194 A CN 202310889194A CN 116628374 A CN116628374 A CN 116628374A
- Authority
- CN
- China
- Prior art keywords
- browser interface
- user
- video
- carousel
- multimedia content
- 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
- 238000000034 method Methods 0.000 title claims abstract description 82
- 230000000694 effects Effects 0.000 claims abstract description 28
- 230000006870 function Effects 0.000 claims description 36
- 230000008569 process Effects 0.000 claims description 26
- 238000004891 communication Methods 0.000 claims description 4
- 230000003993 interaction Effects 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 18
- 230000007704 transition Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 238000013475 authorization Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本说明书公开了一种浏览器界面的展示方法、装置、电子设备及存储介质。首先,向用户输出浏览器界面,浏览器界面包括面向用户轮播展示的多媒体内容。其次,确定浏览器界面的页面滚动条中的滑块是否滑动到指定位置。最后,如果滑块滑动到指定位置,进一步确定浏览器界面当前面向用户轮播展示的多媒体内容是否为视频;如果是,全屏展示视频。本方法可以将轮播方式与播放视频的方式相结合,在保证功能交互的基础上,增加展示内容的展示效果。
Description
技术领域
本说明书涉及计算机技术领域,尤其涉及一种浏览器界面的展示方法、装置、电子设备及存储介质。
背景技术
目前,在主流站点的首页中展示内容的方法有两种。第一种方法为在设定空间内对多个静态图片进行轮播,以在短时间内展示多个内容,给用户提供更多信息。第二种方法为对视频进行播放,视频中包含更丰富的内容,如声音、动画等,更容易吸引用户的注意力。
但是,在轮播方式中,展示效果较为单一,无法多维度的展示内容。而在播放视频的方式中,视频无法进行功能交互。
因此,如何在保证功能交互的基础上,增加展示内容的展示效果,则是一个亟待解决的问题。
发明内容
本说明书提供一种浏览器界面的展示方法、装置、电子设备及机器可读存储介质,以在保证功能交互的基础上,增加展示内容的展示效果。
本说明书采用下述技术方案:
本说明书提供了一种浏览器界面的展示方法,包括:
向用户输出浏览器界面,所述浏览器界面包括面向用户轮播展示的多媒体内容;
确定所述浏览器界面的页面滚动条中的滑块是否滑动到指定位置;
如果所述滑块滑动到指定位置,进一步确定所述浏览器界面当前面向用户轮播展示的多媒体内容是否为视频;如果是,全屏展示所述视频。
可选地,所述方法还包括:
如果否,按照默认展示模式,通过所述浏览器界面面向用户轮播展示所述多媒体内容。
可选地,所述指定位置为向用户输出所述浏览器界面之后滑块在所述页面滚动条上的初始位置。
可选地,所述初始位置为所述页面滚动条的起始位置。
可选地,所述方法还包括:
在全屏展示所述视频的过程中,响应于所述用户针对鼠标的滚轮的触发操作,将所述全屏展示的视频按照预设的过渡动画效果转换为所述默认展示模式中的视频。
可选地,所述浏览器界面还包括:功能入口,所述方法还包括:
在与全屏展示的视频对应的图层之上,输出所述功能入口。
可选地,所述方法还包括:
如果所述滑块未滑动到指定位置,按照默认展示模式,通过所述浏览器界面面向用户轮播展示所述多媒体内容。
可选地,所述浏览器界面还包括:与所述若干多媒体内容一一对应的轮播指示器,所述方法还包括:
响应于所述用户在所述浏览器界面中针对任一个轮播指示器的触发操作,向所述用户展示与该轮播指示器对应的多媒体内容。
可选地,所述轮播指示器包括:进度条,所述进度条用于表示展示的多媒体内容的剩余展示时长,所述方法还包括:
在全屏展示所述视频的过程中,如果与所述视频对应的进度条的进度到达最后,重新播放所述视频。
可选地,所述多媒体内容包括:图像,所述浏览器界面还包括:与所述若干图像一一对应的功能入口,所述方法还包括:
响应于所述用户针对与所述图像对应的功能入口的触发操作,向所述用户展示与所述功能入口对应的跳转页面。
本说明书提供了一种浏览器界面的展示装置,包括:
输出模块,用于向用户输出浏览器界面,所述浏览器界面包括面向用户轮播展示的多媒体内容;
确定模块,用于确定所述浏览器界面的页面滚动条中的滑块是否滑动到指定位置;
展示模块,用于如果所述滑块滑动到指定位置,进一步确定所述浏览器界面当前面向用户轮播展示的多媒体内容是否为视频;如果是,全屏展示所述视频。
本说明书提供了一种电子设备,包括通信接口、处理器、存储器和总线,所述通信接口、所述处理器和所述存储器之间通过总线相互连接;
所述存储器中存储机器可读指令,所述处理器通过调用所述机器可读指令,执行上述浏览器界面的展示方法。
本说明书提供了一种机器可读存储介质,所述机器可读存储介质存储有机器可读指令,所述机器可读指令在被处理器调用和执行时,实现上述浏览器界面的展示方法。
本说明书采用的上述至少一个技术方案能够达到以下有益效果:
在本说明书提供的浏览器界面的展示方法中,本方法可以确定浏览器界面的页面滚动条中的滑块是否滑动到指定位置,如果滑块滑动到指定位置,进一步确定浏览器界面当前面向用户轮播展示的多媒体内容是否为视频,如果是,全屏展示视频。从而,将轮播方式与播放视频的方式相结合,在保证功能交互的基础上,增加展示内容的展示效果。
附图说明
此处所说明的附图用来提供对本说明书的进一步理解,构成本说明书的一部分,本说明书的示意性实施例及其说明用于解释本说明书,并不构成对本说明书的不当限定。在附图中:
图1是一示例性的实施例示出的一种浏览器界面的展示方法的流程图;
图2是一示例性的实施例示出的一种浏览器界面的示意图;
图3是一示例性的实施例示出的另一种浏览器界面的示意图;
图4是一示例性的实施例示出的一种全屏展示视频的示意图;
图5是一示例性的实施例示出的另一种全屏展示视频的示意图;
图6是一示例性的实施例示出的一种提示图标的示意图;
图7是一示例性的实施例示出的一种默认展示模式的示意图;
图8是一示例性的实施例示出的一种判断是否全屏展示视频的示意图;
图9是一示例性的实施例示出的一种浏览器界面的展示装置所在电子设备的结构图;
图10是一示例性的实施例示出的一种浏览器界面的展示装置的框图。
具体实施方式
为了使本技术领域的人员更好地理解本说明书中的技术方案,下面将结合本说明书实施例中的附图,对本说明书实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本说明书一部分实施例,而不是全部的实施例。基于本说明书中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本说明书保护的范围。
需要说明的是:在其他实施例中并不一定按照本说明书示出和描述的顺序来执行相应方法的步骤。在一些其他实施例中,其方法所包括的步骤可以比本说明书所描述的更多或更少。此外,本说明书中所描述的单个步骤,在其他实施例中可能被分解为多个步骤进行描述;而本说明书中所描述的多个步骤,在其他实施例中也可能被合并为单个步骤进行描述。
目前,在主流站点的首页中展示内容的两种方法中,轮播方式的展示效果较为单一,无法多维度的展示内容。而播放视频的方式无法进行功能交互。
基于此,本说明书提出了一种将轮播方式与播放视频的方式相结合的技术方案。从而,在保证功能交互的基础上,增加展示内容的展示效果。
以下结合附图,详细说明本说明书各实施例提供的技术方案。
图1是一示例性的实施例示出的一种浏览器界面的展示方法的流程图,具体包括以下步骤:
S100:向用户输出浏览器界面,所述浏览器界面包括面向用户轮播展示的多媒体内容。
在本说明书实施例中,浏览器界面的展示方法的执行主体可以是客户端。客户端的物理载体可以是服务器或服务器集群。为了便于描述,下面仅以客户端为执行主体,对本说明书提供的浏览器界面的展示方法进行说明。
在本说明书实施例中,客户端可以向用户输出浏览器界面。浏览器界面包括面向用户轮播展示的多媒体内容。多媒体内容可以包括:视频、图像、文字等。
其中,浏览器界面还包括:与若干多媒体内容一一对应的轮播指示器。具体如图2所示。
图2是一示例性的实施例示出的一种浏览器界面的示意图。
在图2中,网页标题位于浏览器界面的左上角,导航菜单位于网页标题的右侧,导航菜单提供了各个主要页面的链接,使用户能够快速访问所需的内容。通过点击导航菜单中的链接,用户可以浏览首页、公告、产品、帮助等页面。
面向用户轮播展示的多媒体内容位于浏览器界面的上半部分,可以称为轮播组件。轮播组件可以在水平方向进行自动播放或手动播放,循环显示多个多媒体内容。
轮播组件中还包括:与若干多媒体内容一一对应的轮播指示器。响应于用户在浏览器界面中针对任一个轮播指示器的触发操作,向用户展示与该轮播指示器对应的多媒体内容。
其中,轮播指示器的形状有多种,例如,圆点形、矩形、横线等。技术人员可以根据业务需求进行选择。在图2中,轮播指示器的形状为矩形,每个多媒体内容对应有一个矩形。当前展示的多媒体内容对应的矩形的长度大于未展示的多媒体内容对应的矩形的长度。
进一步的,为了提高用户的交互体验,轮播指示器可以为进度条。这里提到的进度条用于表示展示的多媒体内容的剩余展示时长。
在本说明书实施例中,若确定多媒体内容包为图像,浏览器界面还包括:与若干图像一一对应的功能入口。具体如图3所示。
图3是一示例性的实施例示出的另一种浏览器界面的示意图。
在图3中,每个图像上均可以设置一个与该图像对应的功能入口。响应于用户针对与图像对应的功能入口的触发操作,客户端可以向用户展示与功能入口对应的跳转页面。
S102:确定所述浏览器界面的页面滚动条中的滑块是否滑动到指定位置。
S104:如果所述滑块滑动到指定位置,进一步确定所述浏览器界面当前面向用户轮播展示的多媒体内容是否为视频;如果是,全屏展示所述视频。
在本说明书实施例中,客户端可以确定浏览器界面的页面滚动条中的滑块是否滑动到指定位置。这里提到的指定位置可以是技术人员根据业务需求确定出的。
具体的,客户端可以确定页面滚动条中的滑块的位置,实时确定滑块与页面滚动条中的指定位置的距离。
由于,页面滚动条的表示形式有多种,例如,页面滚动条可以位于浏览器界面的右侧,页面滚动条也可以位于浏览器界面的底部。因此,当页面滚动条位于浏览器界面的右侧时,指定位置可以是页面滚动条中的顶部位置。再例如,当页面滚动条位于浏览器界面的底部时,指定位置可以是页面滚动条中的中间位置。本说明书不对页面滚动条的表示形式以及指定位置进行限定。
如果滑块滑动到指定位置,进一步确定浏览器界面当前面向用户轮播展示的多媒体内容是否为视频。如果是,全屏展示视频。具体如图4所示。
图4是一示例性的实施例示出的一种全屏展示视频的示意图。
在图4中,在全屏展示视频的过程中,网页标题以及导航菜单在与全屏展示的视频对应的图层之上,以提高用户的交互体验。
其中,在全屏展示视频的过程中,视频自动播放,用户可以点击视频中间的播放按钮,通过播放器对视频进行播放,在退出播放器后,继续全屏展示视频。
进一步的,如果滑块滑动到指定位置,进一步确定浏览器界面当前面向用户轮播展示的多媒体内容是否为视频。如果否,按照默认展示模式,通过浏览器界面面向用户轮播展示多媒体内容。这里提到的默认展示模式可以是指技术人员按照业务需求确定出的轮播方式。例如,默认展示模式可以是循环轮播,在轮播到最后一个多媒体内容时,会立即跳转回第一个多媒体内容,形成无缝循环的效果。再例如,默认展示模式可以是手动轮播,用户通过点击轮播指示器或者滑动手势,手动切换轮播项。本说明书不对默认展示模式的表示形式进行限定。
在实际应用中,为了体现出较好的展示效果,需要在用户进入首页时,全屏展示视频。因此,客户端需要将面向用户轮播展示的第一个多媒体内容设置为视频,并设置指定位置为滑块在页面滚动条上的初始位置,以此达到在用户进入首页时,全屏展示视频的展示效果。
在本说明书实施例中,指定位置为向用户输出浏览器界面之后滑块在页面滚动条上的初始位置。这里提到的初始位置为页面滚动条的起始位置。例如,初始位置为页面滚动条中的滑块与滚动条的顶部之间的距离为零的位置。再例如,初始位置为页面滚动条中的滑块与滚动条的顶部之间的距离小于设定距离阈值的位置。本说明书不对初始位置进行限定。
在实际应用中,在全屏展示视频的过程中,在视频播放结束后,若位于视频之后的多媒体内容为图像,则可能出现全屏展示图像的情况,这会降低展示效果。因此,客户端可以在全屏展示视频的过程中,在视频播放结束后,重新播放该视频,避免出现全屏展示图像的情况。
在本说明书实施例中,轮播指示器可以为进度条,在全屏展示视频的过程中,如果与视频对应的进度条的进度到达最后,重新播放视频。
而在按照默认展示模式,通过浏览器界面面向用户轮播展示多媒体内容的过程中,如果与多媒体内容对应的进度条的进度到达最后,切换为下一个多媒体内容。
在本说明书实施例中,客户端可以在全屏展示视频转换为默认展示模式的过程中,增加过渡动画效果,从而提高展示效果。
具体的,在全屏展示视频的过程中,响应于用户针对鼠标的滚轮的触发操作,将全屏展示的视频按照预设的过渡动画效果转换为默认展示模式中的视频。
其中,过渡动画效果可以有多种,例如,通过逐渐缩小视频的尺寸,将全屏展示的视频转换为默认展示模型中的视频,从而,平滑的从大尺寸过渡到小尺寸。再例如,通过逐渐改变视频的不透明度,使全屏展示的视频逐渐消失。再使默认展示模型中的视频逐渐清晰。技术人员可以根据业务需求确定过渡动画效果,本说明书不对过渡动画效果进行限定。
在本说明书实施例中,浏览器界面还包括:功能入口。客户端可以在与全屏展示的视频对应的图层之上,输出功能入口。具体如图5所示。
图5是一示例性的实施例示出的另一种全屏展示视频的示意图。
在图5中,在全屏展示视频的过程中,各功能入口在与全屏展示的视频对应的图层之上,使得用户在全屏展示视频的过程中,可以点击功能入口,以提高用户的交互体验。
其中,各功能入口在浏览器界面中的原始位置,可能会遮挡住大部分的视频,从而,降低了展示效果。或者,各功能入口在浏览器界面中的原始位置较为靠后,无法在全屏展示视频的过程中,输出各功能入口。因此,客户端可以预先设定在全屏展示视频的过程中,各功能入口在浏览器界面中的展示位置。
进一步的,浏览器界面中还包括:提示图标。这里提到的提示图标可以用于提示用户滑动鼠标的滚轮,以退出全屏播放视频。具体如图6所示。
图6是一示例性的实施例示出的一种提示图标的示意图。
在图6中,提示图标可以为鼠标样式,以提示用户滑动鼠标的滚轮。进一步的,可以使得提示图标进行上下移动,以更形象的表达滑动鼠标的滚轮的含义。当然,提示图标也可以直接用文字进行说明,例如,文字描述可以为“向下滑动鼠标滚轮”。
在本说明书实施例中,如果滑块未滑动到指定位置,按照默认展示模式,通过浏览器界面面向用户轮播展示多媒体内容。具体如图7所示。
图7是一示例性的实施例示出的一种默认展示模式的示意图。
在图7中,滑块未滑动到指定位置,按照默认展示模式,面向用户播放视频。按照各功能入口在浏览器界面中的原始位置,输出功能入口。
其中,客户端可以在将全屏展示视频时的功能入口转换为默认展示模式的功能入口的过程中,增加功能入口的过渡动画效果,从而提高展示效果。
具体的,在全屏展示视频的过程中,响应于用户针对鼠标的滚轮的触发操作,将全屏展示视频中的功能入口按照预设的过渡动画效果转换为默认展示模式中的功能入口。
其中,过渡动画效果可以有多种,例如,通过逐渐上移全屏展示视频中的功能入口,直到全屏展示视频中的功能入口所在的位置与默认展示模型中的功能入口所在的位置相同。技术人员可以根据业务需求确定过渡动画效果,本说明书不对过渡动画效果进行限定。
在本说明书实施例中,客户端不仅需要确定浏览器界面的页面滚动条中的滑块是否滑动到指定位置,还需要确定浏览器界面当前面向用户轮播展示的多媒体内容是否为视频,以判断是否需要全屏展示视频,具体如图8所示。
图8是一示例性的实施例示出的一种判断是否全屏展示视频的示意图。
在图8中,客户端向用户输出浏览器界面时,默认输出首页。在首页中,客户端将面向用户轮播展示的第一个多媒体内容设置为视频,并设置指定位置为滑块在页面滚动条上的初始位置,以在用户进入首页时,全屏展示视频。
在用户针对鼠标的滚轮的触发操作后,确定浏览器界面的页面滚动条中的滑块是否滑动到指定位置。
如果滑块未滑动到指定位置,按照默认展示模式,通过浏览器界面面向用户轮播展示多媒体内容。
如果滑块滑动到指定位置,进一步确定浏览器界面当前面向用户轮播展示的多媒体内容是否为视频。
如果是,全屏展示视频。
如果否,按照默认展示模式,通过浏览器界面面向用户轮播展示多媒体内容。
从上述方法中可以看出,确定浏览器界面的页面滚动条中的滑块是否滑动到指定位置,如果滑块滑动到指定位置,进一步确定浏览器界面当前面向用户轮播展示的多媒体内容是否为视频,如果是,全屏展示视频。从而,将轮播方式与播放视频的方式相结合,在保证功能交互的基础上,增加展示内容的展示效果。
与上述浏览器界面的展示方法的实施例对应的,本说明书还提供了一种浏览器界面的展示装置的实施例。
请参见图9,图9是一示例性的实施例示出的一种浏览器界面的展示装置所在电子设备的结构图。在硬件层面,该设备包括处理器902、内部总线904、网络接口906、内存908以及非易失性存储器910,当然还可能包括其他所需要的硬件。本说明书一个或多个实施例可以基于软件方式来实现,比如由处理器902从非易失性存储器910中读取对应的计算机程序到内存908中然后运行。当然,除了软件实现方式之外,本说明书一个或多个实施例并不排除其他实现方式,比如逻辑器件抑或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
请参见图10,图10是一示例性的实施例示出的一种浏览器界面的展示装置的框图。该浏览器界面的展示装置可以应用于如图9所示的电子设备中,以实现本说明书的技术方案。其中,所述浏览器界面的展示装置可以包括:
输出模块1000,用于向用户输出浏览器界面,所述浏览器界面包括面向用户轮播展示的多媒体内容;
确定模块1002,用于确定所述浏览器界面的页面滚动条中的滑块是否滑动到指定位置;
展示模块1004,用于如果所述滑块滑动到指定位置,进一步确定所述浏览器界面当前面向用户轮播展示的多媒体内容是否为视频;如果是,全屏展示所述视频。
可选的,所述展示模块1004,具体还用于如果否,按照默认展示模式,通过所述浏览器界面面向用户轮播展示所述多媒体内容。
可选的,所述指定位置为向用户输出所述浏览器界面之后滑块在所述页面滚动条上的初始位置。
可选的,所述初始位置为所述页面滚动条的起始位置。
可选的,所述展示模块1004,具体还用于在全屏展示所述视频的过程中,响应于所述用户针对鼠标的滚轮的触发操作,将所述全屏展示的视频按照预设的过渡动画效果转换为所述默认展示模式中的视频。
可选的,所述浏览器界面还包括:功能入口,所述展示模块1004,具体还用于在与全屏展示的视频对应的图层之上,输出所述功能入口。
可选的,所述展示模块1004,具体还用于如果所述滑块未滑动到指定位置,按照默认展示模式,通过所述浏览器界面面向用户轮播展示所述多媒体内容。
可选的,所述浏览器界面还包括:与所述若干多媒体内容一一对应的轮播指示器,所述展示模块1004,具体还用于响应于所述用户在所述浏览器界面中针对任一个轮播指示器的触发操作,向所述用户展示与该轮播指示器对应的多媒体内容。
可选的,所述轮播指示器包括:进度条,所述进度条用于表示展示的多媒体内容的剩余展示时长,所述展示模块1004,具体还用于在全屏展示所述视频的过程中,如果与所述视频对应的进度条的进度到达最后,重新播放所述视频。
可选的,所述多媒体内容包括:图像,所述浏览器界面还包括:与所述若干图像一一对应的功能入口,所述展示模块1004,具体还用于响应于所述用户针对与所述图像对应的功能入口的触发操作,向所述用户展示与所述功能入口对应的跳转页面。
上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程,在此不再赘述。
对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例只是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本说明书方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
上述实施例阐明的***、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机,计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。
在一个典型的配置中,计算机包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带、磁盘存储、量子存储器、基于石墨烯的存储介质或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权或者经过各方充分授权的信息和数据,并且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准,并提供有相应的操作入口,供用户选择授权或者拒绝。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
在本说明书一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本说明书一个或多个实施例。在本说明书一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本说明书一个或多个实施例可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本说明书一个或多个实施例范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
以上所述仅为本说明书一个或多个实施例的较佳实施例而已,并不用以限制本说明书一个或多个实施例,凡在本说明书一个或多个实施例的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本说明书一个或多个实施例保护的范围之内。
Claims (13)
1.一种浏览器界面的展示方法,其特征在于,包括:
向用户输出浏览器界面,所述浏览器界面包括面向用户轮播展示的多媒体内容;
确定所述浏览器界面的页面滚动条中的滑块是否滑动到指定位置;
如果所述滑块滑动到指定位置,进一步确定所述浏览器界面当前面向用户轮播展示的多媒体内容是否为视频;如果是,全屏展示所述视频。
2.如权利要求1所述的方法,其特征在于,所述方法还包括:
如果否,按照默认展示模式,通过所述浏览器界面面向用户轮播展示所述多媒体内容。
3.如权利要求1所述的方法,其特征在于,所述指定位置为向用户输出所述浏览器界面之后滑块在所述页面滚动条上的初始位置。
4.如权利要求3所述的方法,其特征在于,所述初始位置为所述页面滚动条的起始位置。
5.如权利要求1所述的方法,其特征在于,所述方法还包括:
在全屏展示所述视频的过程中,响应于所述用户针对鼠标的滚轮的触发操作,将所述全屏展示的视频按照预设的过渡动画效果转换为默认展示模式中的视频。
6.如权利要求1所述的方法,其特征在于,所述浏览器界面还包括:功能入口,所述方法还包括:
在与全屏展示的视频对应的图层之上,输出所述功能入口。
7.如权利要求1所述的方法,其特征在于,所述方法还包括:
如果所述滑块未滑动到指定位置,按照默认展示模式,通过所述浏览器界面面向用户轮播展示所述多媒体内容。
8.如权利要求1所述的方法,其特征在于,所述浏览器界面还包括:与若干多媒体内容一一对应的轮播指示器,所述方法还包括:
响应于所述用户在所述浏览器界面中针对任一个轮播指示器的触发操作,向所述用户展示与该轮播指示器对应的多媒体内容。
9.如权利要求8所述的方法,其特征在于,所述轮播指示器包括:进度条,所述进度条用于表示展示的多媒体内容的剩余展示时长,所述方法还包括:
在全屏展示所述视频的过程中,如果与所述视频对应的进度条的进度到达最后,重新播放所述视频。
10.如权利要求1所述的方法,其特征在于,所述多媒体内容包括:图像,所述浏览器界面还包括:与若干图像一一对应的功能入口,所述方法还包括:
响应于所述用户针对与所述图像对应的功能入口的触发操作,向所述用户展示与所述功能入口对应的跳转页面。
11.一种浏览器界面的展示装置,其特征在于,包括:
输出模块,用于向用户输出浏览器界面,所述浏览器界面包括面向用户轮播展示的多媒体内容;
确定模块,用于确定所述浏览器界面的页面滚动条中的滑块是否滑动到指定位置;
展示模块,用于如果所述滑块滑动到指定位置,进一步确定所述浏览器界面当前面向用户轮播展示的多媒体内容是否为视频;如果是,全屏展示所述视频。
12.一种电子设备,其特征在于,包括通信接口、处理器、存储器和总线,所述通信接口、所述处理器和所述存储器之间通过总线相互连接;
所述存储器中存储机器可读指令,所述处理器通过调用所述机器可读指令,执行权利要求1至10任一项所述的方法。
13.一种机器可读存储介质,其特征在于,所述机器可读存储介质存储有机器可读指令,所述机器可读指令在被处理器调用和执行时,实现权利要求1至10任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310889194.4A CN116628374A (zh) | 2023-07-19 | 2023-07-19 | 一种浏览器界面的展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310889194.4A CN116628374A (zh) | 2023-07-19 | 2023-07-19 | 一种浏览器界面的展示方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116628374A true CN116628374A (zh) | 2023-08-22 |
Family
ID=87642155
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310889194.4A Pending CN116628374A (zh) | 2023-07-19 | 2023-07-19 | 一种浏览器界面的展示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116628374A (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160212487A1 (en) * | 2015-01-19 | 2016-07-21 | Srinivas Rao | Method and system for creating seamless narrated videos using real time streaming media |
CN108235086A (zh) * | 2017-12-18 | 2018-06-29 | 广州华多网络科技有限公司 | 视频播放控制方法、装置及相应的终端 |
CN108563712A (zh) * | 2018-03-28 | 2018-09-21 | 腾讯科技(深圳)有限公司 | 网页图片查看方法、装置及存储设备 |
CN111143739A (zh) * | 2019-12-11 | 2020-05-12 | 掌阅科技股份有限公司 | 页面跳转方法、计算设备及计算机存储介质 |
CN112835499A (zh) * | 2021-01-27 | 2021-05-25 | 小马国炬(玉溪)科技有限公司 | 一种轮播图展示方法、装置、设备及介质 |
CN113050871A (zh) * | 2021-04-16 | 2021-06-29 | 上海东方报业有限公司 | 数据处理方法及移动终端 |
CN113238706A (zh) * | 2021-05-10 | 2021-08-10 | 北京字跳网络技术有限公司 | 一种视图展示方法、装置、设备及介质 |
CN113271489A (zh) * | 2021-06-15 | 2021-08-17 | 青岛聚看云科技有限公司 | 一种自动轮播素材的方法及显示设备 |
-
2023
- 2023-07-19 CN CN202310889194.4A patent/CN116628374A/zh active Pending
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160212487A1 (en) * | 2015-01-19 | 2016-07-21 | Srinivas Rao | Method and system for creating seamless narrated videos using real time streaming media |
CN108235086A (zh) * | 2017-12-18 | 2018-06-29 | 广州华多网络科技有限公司 | 视频播放控制方法、装置及相应的终端 |
CN108563712A (zh) * | 2018-03-28 | 2018-09-21 | 腾讯科技(深圳)有限公司 | 网页图片查看方法、装置及存储设备 |
CN111143739A (zh) * | 2019-12-11 | 2020-05-12 | 掌阅科技股份有限公司 | 页面跳转方法、计算设备及计算机存储介质 |
CN112835499A (zh) * | 2021-01-27 | 2021-05-25 | 小马国炬(玉溪)科技有限公司 | 一种轮播图展示方法、装置、设备及介质 |
CN113050871A (zh) * | 2021-04-16 | 2021-06-29 | 上海东方报业有限公司 | 数据处理方法及移动终端 |
CN113238706A (zh) * | 2021-05-10 | 2021-08-10 | 北京字跳网络技术有限公司 | 一种视图展示方法、装置、设备及介质 |
CN113271489A (zh) * | 2021-06-15 | 2021-08-17 | 青岛聚看云科技有限公司 | 一种自动轮播素材的方法及显示设备 |
Non-Patent Citations (1)
Title |
---|
张枝军: "《网店视觉营销》", 北京理工大学出版社, pages: 44 - 46 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107341018B (zh) | 一种在页面切换后继续显示视图的方法和装置 | |
US20230022781A1 (en) | User interfaces for viewing and accessing content on an electronic device | |
US9361284B2 (en) | Causing display of comments associated with an object | |
JP5777023B2 (ja) | 視線追跡型ユーザインターフェイス | |
JP7195426B2 (ja) | ディスプレイページのインタラクション制御方法及び装置 | |
CN106303740B (zh) | 智能电视的桌面导航***及该***的实现方法 | |
US9372701B2 (en) | Management of digital information via a buoyant interface moving in three-dimensional space | |
US20140223381A1 (en) | Invisible control | |
US20130268826A1 (en) | Synchronizing progress in audio and text versions of electronic books | |
KR20190059995A (ko) | 컴퓨팅 장치용 사용자 인터페이스 | |
CN111062778A (zh) | 产品浏览方法、装置、设备及存储介质 | |
CN109375861A (zh) | 用户界面操纵的异步处理 | |
JP2012234550A (ja) | 多様なプラットフォームに対応可能なui/ux及びヒューマンインタラクションパラダイム | |
JP2013008369A (ja) | ユーザインターフェイス及びコンテンツ統合 | |
US20150248722A1 (en) | Web based interactive multimedia system | |
US20240012554A1 (en) | Method for displaying trending event in application and electronic device | |
US20150227291A1 (en) | Information processing method and electronic device | |
CN112667118A (zh) | 显示历史聊天消息的方法、设备以及计算机可读介质 | |
CN113393294B (zh) | 一种页面显示方法及装置、设备、存储介质 | |
CN111432264A (zh) | 基于媒体信息流的内容展示方法、装置、设备及存储介质 | |
JP2024528439A (ja) | コンテンツ表示方法、装置、機器及び媒体 | |
US20240086056A1 (en) | Method and apparatus for interacting with application program, and electronic device | |
CN111897607A (zh) | 应用界面加载与交互方法、设备及存储介质 | |
US20230033230A1 (en) | Methods, systems, and media for navigating a user interface with a toolbar | |
CN116628374A (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 |