图片浏览方法、装置、电子设备及存储介质
文献发布时间:2023-06-19 12:14:58
技术领域
本公开涉及图片显示技术领域,尤其涉及一种图片浏览方法、装置、电子设备及存储介质。
背景技术
相关技术中,含有视频类型的内容消费产品,可以在列表页对图片和视频混合排列推荐,或者也可以在列表页区分内容类型进行推荐,但是,无论哪种方式,在列表页对含有一张或多张图片的图片组进行展示时,一般只能展示图片组封面的缩略图,而该缩略是对封面图片进行剪裁、缩略得到的,缩略图显示质量较原图效果差,而且用户在列表页查找内容的过程中,只能通过封面缩略图判断是否感兴趣,点击进入图片查看页才可以查看完整图片或所有的图片。
可见,在列表页只能展示图片组中的一张静态的封面缩略图,需要用户操作才可以查看图片组完整内容,而且在图片查看页也需要用户上下滑动或左右滑动才可以切换图片组中的内容,用户操作较为繁琐。
发明内容
本公开提供一种图片浏览方法、装置、电子设备及存储介质,以至少解决相关技术中用户操作繁琐的问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种图片浏览方法,包括:
在信息流列表的展示界面,展示所述信息流列表中的资源;
在当前资源为图片组时,若容纳所述图片组的图片容器在屏幕中的当前位置位于预设范围,获取所述图片组中的至少一张图片;
根据所述图片组的类型,动态播放所述图片组中的至少一张图片。
可选的,所述根据所述图片组的类型,动态播放所述图片组中的至少一张图片,包括:
若所述图片组的类型为长图,则以预设的长图播放速度,在所述图片容器内向上动态移动所述图片组中的长图;
若所述图片组的类型为多图,则以预设的多图播放速度,在所述图片容器内动态切换所述至少一张图片;
若所述图片组的类型为图片合集,则按照所述图片合集中多个子图片组的顺序,以预设的多图播放速度,在所述图片容器内动态切换所述图片合集中每一子图片组中的至少一张图片。
可选的,所述在所述图片容器内动态切换所述至少一张图片,包括:
在所述图片容器内动态切换所述至少一张图片,使得每一张图片的透明度从0逐渐变化至100%,并显示预设时间后将每一张图片的透明度从100%逐渐变化至0。
可选的,还包括:
若所述图片组的类型为长图或多图,在所述图片组中的至少一张图片播放结束后,按照所述长图或多图的播放形式,循环播放所述至少一张图片。
可选的,还包括:
若所述图片组的类型为图片合集,在所述图片合集中多个子图片组播放结束后,按照所述图片合集的播放形式,循环播放所述图片合集中每一子图片组中的图片。
可选的,还包括:
响应于对所述图片组的全屏播放指令,获取当前图片在所述图片组播放图片顺序中的当前播放位置,并在全屏图片播放界面,从所述当前播放位置开始全屏播放所述图片组中的至少一张图片。
可选的,还包括:
在所述全屏图片播放界面,响应于资源切换指令,播放所述信息流列表中所述图片组的下一资源,所述下一资源的资源类型包括图片资源、视频资源或直播资源。
可选的,还包括:
在所述全屏图片播放界面,显示所述图片组的界面文字信息和互动功能控件;
响应于预览暂停指令,暂停播放所述图片组,并隐藏所述界面文字信息和互动功能控件。
可选的,所述暂停播放所述图片组,包括:
若所述图片组的类型为长图,则确定接收到所述预览暂停指令时所述长图的当前显示范围,并展示所述当前显示范围内的长图;
若所述图片组的类型为多图或图片合集,则确定接收到所述预览暂停指令时的当前显示图片,并展示所述当前显示图片。
可选的,还包括:
若所述图片组的类型为长图,响应于上下滑动指令,跟随所述上下滑动指令移动所述长图,以改变所述长图的显示范围;
若所述图片组的类型为多图或图片合集,响应于左右滑动指令,显示所述当前显示图片的前一张图片或后一张图片。
可选的,在所述隐藏所述界面文字信息和互动功能控件之后,还包括:
在所述全屏图片播放界面的第一预设位置,显示图片操作控件,所述图片操作控件用于基于操作指令对当前图片进行操作,所述图片操作控件包括收藏图片控件、下载图片控件和识别图片文字控件中的至少一种。
可选的,在所述隐藏所述界面文字信息和互动功能控件之后,还包括:
在所述全屏图片播放界面的第二预设位置,显示下一作品控件,所述下一作品控件用于基于操作指令显示所述信息流列表中的下一个资源。
可选的,在所述暂停播放所述图片组之后,还包括:
在所述全屏图片播放界面的图片区域,展示当前播放到的图片;
在所述全屏图片播放界面的控制条区域,展示所述图片组对应的图片控制条。
可选的,在展示所述图片组对应的图片控制条之后,还包括:
若所述图片组的类型为长图,响应于对所述图片控制条的拖动指令,滚动显示所述图片控制条上的选框,并将长图在所述图片区域展示的显示范围与所述控制条区域进行联动滚动;或者
若所述图片组的类型为长图,响应于对所述图片区域的滑动指令,改变所述图片区域展示的所述长图的显示范围,并将所述图片控制条上的选框与所述图片区域的显示范围进行联动滚动。
可选的,在展示所述图片组对应的图片控制条之后,还包括:
若所述图片组的类型为多图或图片合集,响应于对所述图片控制条的拖动指令,滚动显示所述图片控制条上的选框,并将所述图片区域展示的图片与所述控制条区域进行联动切换;或者
若所述图片组的类型为多图或图片合集,响应于对所述图片区域的滑动指令,切换图片区域展示的图片,并将所述图片控制条上的选框与所述图片区域的图片进行联动切换。
可选的,所述控制条区域还包括与所述图片组相同类型的其他图片组;
所述方法还包括:
在所述控制条区域的图片控制条上的选框滑动至下一个图片组时,在所述图片区域展示所述下一个图片组中的图片。
可选的,还包括:
在动态播放所述图片组中的至少一张图片时,播放所述图片组对应的音频资源。
可选的,所述信息流列表包括图片资源,所述信息流列表还包括视频资源和直播资源中的至少一种。
根据本公开实施例的第二方面,提供一种图片浏览装置,包括:
信息流展示模块,被配置为执行在信息流列表的展示界面,展示所述信息流列表中的资源;
图片组获取模块,被配置为执行在当前资源为图片组时,若容纳图片组的图片容器在屏幕中的当前位置位于预设范围时,获取所述图片组中的至少一张图片;
图片视频化播放模块,被配置为执行根据所述图片组的类型,动态播放所述图片组中的至少一张图片。
可选的,所述图片视频化播放模块包括:
长图播放单元,被配置为执行若所述图片组的类型为长图,则以预设的长图播放速度,在所述图片容器内向上动态移动所述图片组中的长图;
多图播放单元,被配置为执行若所述图片组的类型为多图,则以预设的多图播放速度,在所述图片容器内动态切换所述至少一张图片;
图片合集播放单元,被配置为执行若所述图片组的类型为图片合集,则按照所述图片合集中多个子图片组的顺序,以预设的多图播放速度,在所述图片容器内动态切换所述图片合集中每一子图片组中的至少一张图片。
可选的,所述多图播放单元包括:
动态切换子单元,被配置为执行在所述图片容器内动态切换所述至少一张图片,使得每一张图片的透明度从0逐渐变化至100%,并显示预设时间后将每一张图片的透明度从100%逐渐变化至0。
可选的,所述装置还包括:
第一循环播放模块,被配置为执行若所述图片组的类型为长图或多图,在所述图片组中的至少一张图片播放结束后,按照所述长图或多图的播放形式,循环播放所述至少一张图片。
可选的,所述装置还包括:
第二循环播放模块,被配置为执行若所述图片组的类型为图片合集,在所述图片合集中多个子图片组播放结束后,按照所述图片合集的播放形式,循环播放所述图片合集中每一子图片组中的图片。
可选的,所述装置还包括:
全屏播放模块,被配置为执行响应于对所述图片组的全屏播放指令,获取当前图片在所述图片组播放图片顺序中的当前播放位置,并在全屏图片播放界面,从所述当前播放位置开始全屏播放所述图片组中的至少一张图片。
可选的,所述装置还包括:
资源切换模块,被配置为执行在所述全屏图片播放界面,响应于资源切换指令,播放所述信息流列表中所述图片组的下一资源,所述下一资源的资源类型包括图片资源、视频资源或直播资源。
可选的,所述装置还包括:
信息控件显示模块,被配置为执行在所述全屏图片播放界面,显示所述图片组的界面文字信息和互动功能控件;
暂停播放模块,被配置为执行响应于预览暂停指令,暂停播放所述图片组,并隐藏所述界面文字信息和互动功能控件。
可选的,所述暂停播放模块包括:
长图暂停播放单元,被配置为执行若所述图片组的类型为长图,则确定接收到所述预览暂停指令时所述长图的当前显示范围,并展示所述当前显示范围内的长图;
多图暂停播放单元,被配置为执行若所述图片组的类型为多图或图片合集,则确定接收到所述预览暂停指令时的当前显示图片,并展示所述当前显示图片。
可选的,所述装置还包括:
图片查看交互模块,被配置执行若所述图片组的类型为长图,响应于上下滑动指令,跟随所述上下滑动指令移动所述长图,以改变所述长图的显示范围;若所述图片组的类型为多图或图片合集,响应于左右滑动指令,显示所述当前显示图片的前一张图片或后一张图片。
可选的,所述装置还包括:
图片操作控件显示模块,被配置为执行在所述全屏图片播放界面的第一预设位置,显示图片操作控件,所述图片操作控件用于基于操作指令对当前图片进行操作,所述图片操作控件包括收藏图片控件、下载图片控件和识别图片文字控件中的至少一种。
可选的,所述装置还包括:
下一作品控件显示模块,被配置为执行在所述全屏图片播放界面的第二预设位置,显示下一作品控件,所述下一作品控件用于基于操作指令显示所述信息流列表中的下一个资源。
可选的,所述装置还包括:
图片区域展示模块,被配置为执行在所述全屏图片播放界面的图片区域,展示当前播放到的图片;
控制条区域展示模块,被配置为执行在所述全屏图片播放界面的控制条区域,展示所述图片组对应的图片控制条。
可选的,所述装置还包括:
长图联动展示模块,被配置为执行若所述图片组的类型为长图,响应于对所述图片控制条的拖动指令,滚动显示所述图片控制条上的选框,并将长图在所述图片区域展示的显示范围与所述控制条区域进行联动滚动;或者,若所述图片组的类型为长图,响应于对所述图片区域的滑动指令,改变所述图片区域展示的所述长图的显示范围,并将所述图片控制条上的选框与所述图片区域的显示范围进行联动滚动。
可选的,所述装置还包括:
多图联动展示模,被配置为执行若所述图片组的类型为多图或图片合集,响应于对所述图片控制条的拖动指令,滚动显示所述图片控制条上的选框,并将所述图片区域展示的图片与所述控制条区域进行联动切换;或者,若所述图片组的类型为多图或图片合集,响应于对所述图片区域的滑动指令,切换图片区域展示的图片,并将所述图片控制条上的选框与所述图片区域的图片进行联动切换。
可选的,所述控制条区域还包括与所述图片组相同类型的其他图片组;
所述装置还包括:
下一图片组展示模块,被配置为执行在所述控制条区域的图片控制条上的选框滑动至下一个图片组时,在所述图片区域展示所述下一个图片组中的图片。
可选的,所述装置还包括:
音频播放模块,被配置为执行在动态播放所述图片组中的至少一张图片时,播放所述图片组对应的音频资源。
可选的,所述信息流列表包括图片资源,所述信息流列表还包括视频资源和直播资源中的至少一种。
根据本公开实施例的第三方面,提供一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如第一方面所述的图片浏览方法。
根据本公开实施例的第四方面,提供一种计算机可读存储介质,当所述计算机存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如第一方面所述的图片浏览方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,包括计算机程序或计算机指令,所述计算机程序或计算机指令被处理器执行时实现第一方面所述的图片浏览方法。
本公开的实施例提供的技术方案至少带来以下有益效果:
本公开实施例通过在信息流列表的展示界面,当容纳图片组的图片容器在屏幕中的当前位置位于预设范围时,根据图片组的类型,动态播放图片组中的至少一张图片,实现了对图片组中所有图片的自动播放,用户不需要操作即可查看图片组的完整内容,从而简化了用户操作,可以提升用户体验,而且通过以视频的形式播放图片组中的所有图片,实现了图片类资源和视频类资源采用统一的播放器进行播放,可以实现对图片、视频、直播等内容的混合推荐。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种图片浏览方法的流程图;
图2是根据另一示例性实施例示出的一种图片浏览方法的流程图;
图3是本公开实施例中的图片操作控件的展示位置的示意图;
图4是本公开实施例中的下一作品控件的展示位置的示意图;
图5是本公开实施例中全屏图片播放界面显示为两个区域的示意图;
图6是根据一示例性实施例示出的一种图片浏览装置的框图;
图7是根据一示例性实施例示出的一种电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种图片浏览方法的流程图,如图1所示,该图片浏览方法用于手机、平板电脑等电子设备中,包括以下步骤。
在步骤S11中,在信息流列表的展示界面,展示所述信息流列表中的资源。
其中,所述信息流列表包括图片资源,所述信息流列表还可以包括视频资源和直播资源中的至少一种。
本公开实施例通过将图片进行动态的展示,可以在信息流列表中将图片资源与视频资源和/或直播资源进行混合排列,从而在信息流列表的展示界面,可以展示多种资源类型的资源。每个资源均可以是用户发布的作品。
在步骤S12中,在当前资源为图片组时,当容纳所述图片组的图片容器在屏幕中的当前位置位于预设范围时,获取所述图片组中的至少一张图片。
其中,所述预设范围是图片资源在屏幕中可以进行动态预览的位置范围,一般可以是屏幕中间位置的范围,例如可以是屏幕1/3到2/3之间的范围等。
在信息流列表的展示界面,通过基于用户的操作,对信息流列表中的资源进行展示,当一个展示的当前资源为图片资源,该图片资源为一个图片组时,获取容纳该图片组的图片容器在屏幕中的当前位置,在所述当前位置位于预设范围时,从存储图片资源的数据库中获取该图片组中的至少一张图片。
在步骤S13中,根据所述图片组的类型,动态播放所述图片组中的至少一张图片。
其中,所述图片组的类型可以包括长图、多图或图片合集。在所述图片组的类型为长图时,所述图片组中包括一张图片,该图片为长图,长图的高比普通图片要大,长图一般是由多张普通图片拼接而成。在图片组的类型为多图或图片合集时,图片组包括多张图片。与多图不同的是,图片合集是多个子图片组的合集,即属于图片合集的图片组包括多个子图片组,每个子图片组包括多张图片。例如,一个属于图片合集的图片组为“可爱情侣头像”,该图片合集里面可以包含“动漫头像子图片组”、“萌宠头像子图片组”、“可爱小女孩头像子图片组”等。
基于图片组的类型,采用不同的视频形式,以预设的播放速度动态播放图片组中的至少一张图片。例如,对于长图,则从长图的顶部开始展示动态的向上移动长图来播放,而对于多图或图片合集,则动态的切换图片组中的多张图片来进行动态播放。
在一个示例性实施例中,所述根据所述图片组的类型,动态播放所述图片组中的至少一张图片,包括:
若所述图片组的类型为长图,则以预设的长图播放速度,在所述图片容器内向上动态移动所述图片组中的长图;
若所述图片组的类型为多图,则以预设的多图播放速度,在所述图片容器内动态切换所述至少一张图片;
若所述图片组的类型为图片合集,则按照所述图片合集中多个子图片组的顺序,以预设的多图播放速度,在所述图片容器内动态切换所述图片合集中每一子图片组中的至少一张图片。
其中,长图播放速度可以是像素的移动速度,例如可以是每秒移动40像素;多图播放速度可以是图片的切换速度,例如每2秒切换一张图片。
在图片组的类型为长图时,以预设的长图播放速度,在图片容器内从长图的顶部开始向上动态移动长图,从而展示出长图的动态效果,不需要用户操作,可以自动从长图的顶部动态的展示至长图的底部,以完整的展示整个长图。在图片组的类型为多图时,可以按照图片组中至少一张图片的顺序,以预设的多图播放速度,在图片容器内从图片组的第一张图片开始播放,并动态切换图片组中的至少一张图片,直至播放至所述图片组的最后一张图片,该图片组播放结束。在图片组的类型为图片合集时,图片合集包括多个子图片组,即该图片组包括多个子图片组,每个子图片组包括至少一张图片,这时,按照图片合集中多个子图片组的顺序,以预设的多图播放速度,在图片容器内动态切换图片合集中每一子图片组中的至少一张图片。通过根据图片组的类型采用与图片组的类型相应的播放形式,来动态的展示图片组中的每一张图片,不需要用户操作即可展示图片组中的所有图片,简化了用户操作。
在一个示例性实施例中,所述在所述图片容器内动态切换所述至少一张图片,包括:在所述图片容器内动态切换所述至少一张图片,使得每一张图片的透明度从0逐渐变化至100%,并显示预设时间后将每一张图片的透明度从100%逐渐变化至0。在图片组的类型为多图或图片合集时,在图片容器内动态切换图片组中的图片时,在切换至当前图片时,使得当前图片的透明度从0逐渐变换至100%,显示100%的透明度预设时间后,再将当前图片的透明度从100%逐渐变化至0,之后切换至下一张图片,下一张图片也以这样的方式改变透明度,实现了以渐隐渐显的形式进行动态切换,即当前图片即将播放结束时,逐渐收起当前图片,并逐渐的显示下一张图片,这样,进一步增强了图片展示的动态效果。
在一个示例性实施例中,所述方法还包括:若所述图片组的类型为长图或多图,在所述图片组中的至少一张图片播放结束后,按照所述长图或多图的播放形式,循环播放所述至少一张图片。在图片组的类型为长图或多图时,在图片组中的所有图片播放结束后,按照长图或多图的播放形式,从头开始循环播放图片组中的至少一张图片。通过循环播放,实现了对图片组的长时间的动态效果的展示。
在另一个示例性实施例中,所述方法还包括:若所述图片组的类型为图片合集,在所述图片合集中多个子图片组播放结束后,按照所述图片合集的播放形式,循环播放所述图片合集中每一子图片组中的图片。
在图片组的类型为图片合集时,按照图片合集中每一子图片组的顺序,动态播放每一子图片组中的图片,在播放每一子图片组中的图片时,以预设的多图播放速度,在图片容器内动态切换每一子图片组中的图片,在一个子图片组播放结束后,动态切换至下一子图片组中的图片,该图片合集的所有图片均播放结束后,循环播放该图片合集中每一子图片组中的图片。通过对图片合集的循环播放,实现了播放图片合集中的所有子图片组,并可以循环展示图片合集中每一子图片组的动态效果。
在一个示例性实施例中,所述方法还包括:在动态播放所述图片组中的至少一张图片时,播放所述图片组对应的音频资源。若用户在发布所述图片组时添加了音频资源,则在动态播放所述图片组中的至少一张图片时,同时播放所述图片组对应的音频资源,以进一步提高图片组的视频动态效果。
本示例性实施例提供的图片浏览方法,通过在信息流列表的展示界面,当容纳图片组的图片容器在屏幕中的当前位置位于预设范围时,根据图片组的类型,动态播放图片组中的至少一张图片,实现了对图片组中所有图片的自动播放,用户不需要操作即可查看图片组的完整内容,从而简化了用户操作,可以提升用户体验,而且通过以视频的形式播放图片组中的所有图片,实现了图片类资源和视频类资源采用统一的播放器进行播放,可以实现对图片、视频、直播等内容的混合推荐。
图2是根据一示例性实施例示出的一种图片浏览方法的流程图,如图2所示,该图片浏览方法用于手机、平板电脑等电子设备中,包括以下步骤。
在步骤S21中,在信息流列表的展示界面,展示所述信息流列表中的资源。
在步骤S22中,在当前资源为图片组时,若容纳图片组的图片容器在屏幕中的当前位置位于预设范围,获取所述图片组中的至少一张图片。
在步骤S23中,根据所述图片组的类型,动态播放所述图片组中的至少一张图片。
在步骤S24中,响应于对所述图片组的全屏播放指令,获取当前图片在所述图片组播放图片顺序中的当前播放位置,并在全屏图片播放界面,从所述当前播放位置开始全屏播放所述图片组中的至少一张图片。
在所述信息流列表的展示界面,如果基于对一个图片组中图片的动态效果的展示,用户如果想全屏查看该图片组的动态效果,可以点击该图片组,从而电子设备在检测到用户点击图片组时,确定接收到对图片组的全屏播放指令,这时,获取图片组在接收到全屏播放指令时的当前图片,并确定当前图片在图片组播放图片顺序中的当前播放位置,并跳转至全屏图片播放界面,在全屏图片播放界面,从所述当前播放位置开始全屏播放图片组中的至少一张图片。通过在全屏图片播放界面从接收到全屏播放指令时的当前播放位置开始全屏播放图片组中的图片,实现了对图片组的断点续播。
在用户发布所述图片组时如果同时发布了音频资源,在信息流列表的展示界面,播放所述图片组中图片的动态效果的同时,播放所述音频资源,在接收到对所述图片组的全屏播放指令时,获取音频资源的播放位置,并在全屏图片播放界面,从图片组的当前播放位置开始全屏播放图片组中图片的同时,从音频资源的播放位置开始继续播放音频资源,实现了对图片组和音频资源的断点续播。
在一个示例性实施例中,所述方法还包括:在所述全屏图片播放界面,响应于资源切换指令,播放所述信息流列表中所述图片组的下一资源,所述下一资源的资源类型包括图片资源、视频资源或直播资源。
在检测到用户上滑全屏图片播放界面时,确定接收到资源切换指令,这时播放所述信息流列表中所述图片组的下一资源,由于图片资源、视频资源和直播资源采用一致的全屏播放器,所以下一资源的资源类型可以是图片资源、视频资源或者直播资源。由于图片资源采用视频形式进行播放,实现了图片资源与视频资源采用一致的全屏播放器,从而通过基于用户的资源切换指令,可以切换浏览不同资源类型资源,实现了图片与其他资源类型的混合推荐与全沉浸消费。
本示例性实施例提供的图片预览方法,通过在信息流列表的展示界面,响应于对图片组的全屏播放指令,获取当前图片在图片组播放图片顺序中的当前播放位置,跳转至全屏图片播放界面,在全屏图片播放界面从当前播放位置开始全屏播放图片组中的至少一张图片,实现了在全屏播放界面对图片组的断点续播。
在上述技术方案的基础上,所述方法还包括:在所述全屏图片播放界面,显示所述图片组的界面文字信息和互动功能控件;响应于预览暂停指令,暂停播放所述图片组,并隐藏所述界面文字信息和互动功能控件。
其中,所述界面文字信息可以是用户发布所述图片组时给出的文字说明。互动功能控件包括关注控件、喜欢控件、评论控件和分享控件等。
在全屏图片播放界面,动态播放图片组中的图片时,显示图片组的界面文字信息和互动功能控件,例如,可以在界面下方显示界面文字信息,在界面右下角竖排展示互动功能控件。当用户在全屏图片播放界面,观看自动预览的图片组时,对某张图片感兴趣或想快速跳过,可以轻触屏幕,即点击屏幕,这时电子设备接收到用户的预览暂停指令。暂停播放图片组的动态效果,界面展示停留在接收到预览暂停指令时展示的图片位置,并收起界面文字信息和互动功能控件,即不再显示界面文字信息和互动功能控件,以在界面区域最大化的展示当前图片,便于用户查看当前图片的细节。
在所述图片组被发布时若添加了音频资源,则在暂停播放图片组的动态效果时,可以继续播放音频资源,即音频资源的播放不中断。
在一个示例性实施例中,所述暂停播放所述图片组,包括:若所述图片组的类型为长图,则确定接收到所述预览暂停指令时所述长图的当前显示范围,并展示所述当前显示范围内的长图;若所述图片组的类型为多图或图片合集,则确定接收到所述预览暂停指令时的当前显示图片,并展示所述当前显示图片。
在图片组的类型为长图时,界面停留在自动预览时所在的长图位置,即展示接收到预览暂停指令时的当前显示范围内的长图;在图片组的类型为多图或图片合集时,界面停留在当前播放到的图片,即展示接收到预览暂停指令时的当前显示图片。基于此,实现了对不同图片组类型的图片的暂停展示。
在上述技术方案的基础上,所述方法还包括:
若所述图片组的类型为长图,响应于上下滑动指令,跟随所述上下滑动指令移动所述长图,以改变所述长图的显示范围;
若所述图片组的类型为多图或图片合集,响应于左右滑动指令,显示所述当前显示图片的前一张图片或后一张图片。
在图片组的类型为长图时,用户可以在屏幕上进行上下滑动操作,来改变长图的显示范围;在图片组的类型为多图或图片合集时,用户可以在屏幕上进行左右滑动操作,来切换显示的图片。通过基于用户的滑动指令来切换屏幕上的显示内容,可以满足用户主动查看图片的需求。
在上述技术方案的基础上,在所述隐藏所述界面文字信息和互动功能控件之后,还包括:在所述全屏图片播放界面的第一预设位置,显示图片操作控件,所述图片操作控件用于基于操作指令对当前图片进行操作,所述图片操作控件包括收藏图片控件、下载图片控件和识别图片文字控件中的至少一种。
图3是本公开实施例中的图片操作控件的展示位置的示意图,如图3所示,第一预设位置可以是全屏图片播放界面的左下角位置1,即在全屏图片播放界面的左下角位置,可以通过横排展示多个图片操作控件,如果用户相对当前展示的图片进行操作,可以点击相应的图片操作控件,从而电子设备接收到操作指令,并执行相应的图片操作。例如,检测到用户点击收藏图片控件时,则确定接收到收藏图片指令,这时执行收藏当前展示的图片的操作;检测到用户点击下载图片控件时,则确定接收到下载图片指令,这时执行下载当前展示的图片的操作,检测到用户点击识别图片文字控件时,则确定接收到识别图片文字指令,这时执行对当前展示的图片进行文字识别的操作。通过在图片组暂停播放时显示图片操作控件,可以满足用户对图片的操作需求。
在上述技术方案的基础上,在所述隐藏所述界面文字信息和互动功能控件之后,还包括:在所述全屏图片播放界面的第二预设位置,显示下一作品控件,所述下一作品控件用于基于操作指令显示所述信息流列表中的下一个资源。
图4是本公开实施例中的下一作品控件的展示位置的示意图,如图4所示,第二预设位置可以是全屏图片播放界面的右下角位置2,即在全屏图片播放界面的右下角位置,展示下一作品控件,如果用户想查看下一作品,可以直接点击下一作品控件,电子设备在检测到用户点击下一作品控件时,确定接收到展示下一作品的操作指令,这时在全屏图片播放界面显示下一资源。例如,当用户在查看长图时,若不想看当前的长图,可以点击界面右下角的下一作品控件,可以快速跳到所述信息流列表中的下一个资源;用户查看多图时可点击按钮界面右下角的下一作品控件或上滑跳到所述信息流列表中的下一个资源。通过显示下一作品控件,可以基于用户的操作快速切换不同的资源进行展示。
在另一个示例性实施例中,在所述暂停播放所述图片组之后,还包括:在所述全屏图片播放界面的图片区域,展示当前播放到的图片;在所述全屏图片播放界面的控制条区域,展示所述图片组对应的图片控制条。
在接收到预览暂停指令后,暂停对图片组的动态播放,这时将全屏图片播放界面显示为两个区域,如图5所示,一个为图片区域3,一个为控制条区域4。在图片区域,展示当前播放到的图片内容,即对于长图,展示接收到预览暂停指令时长图的显示范围内的长图内容,对于多图或图片合集,展示接收到预览暂停指令时播放到的图片;在控制条区域展示所述图片组对应的图片控制条,在所述图片组为长图时,所述图片控制条中显示长图的各个定位图片,在图片组为多图或图片合集时,图片控制条中显示图片组中的各个图片的缩略图,同时图片控制条滑动至当前图片组的前面或者尾部时还可以显示所述图片组相邻资源的定位图片或缩略图。通过在全屏图片播放界面分别展示图片区域和控制条区域,可以为用户提供不同的操作区域。
在上述技术方案的基础上,在展示所述图片组对应的图片控制条之后,还包括:
若所述图片组的类型为长图,响应于对所述图片控制条的拖动指令,滚动显示所述图片控制条上的选框,并将长图在所述图片区域展示的显示范围与所述控制条区域进行联动滚动;或者
若所述图片组的类型为长图,响应于对所述图片区域的滑动指令,改变所述图片区域展示的所述长图的显示范围,并将所述图片控制条上的选框与所述图片区域的显示范围进行联动滚动。
暂停播放图片组的动态效果后,在全屏图片播放界面中的图片区域和控制条区域均可以供用户操作。若图片组的类型为长图,控制条区域显示的图片控制条中当前显示的图片对应的定位图片的选框被选中,用户可以上下拖动控制条上的选框,以改变被选中的定位图片,从而电子设备接收到用户对图片控制条的拖动指令,这时图片控制条基于所述拖动指令快速滚动显示图片控制条上的选框,同时,将该长图在图片区域展示的显示范围与控制条区域进行联动滚动,如用户上滑图片控制条时,在控制条区域上滑图片控制条,在图片区域同时上滑长图;用户还可以对图片区域进行上下滑动操作,从而基于用户的滑动指令,改变图片区域展示的长图的显示范围,同时,将图片控制条上的选框与图片区域的显示范围进行联动滚动,如用户下滑图片区域的长图时,将图片区域的长图与图片控制条上的选框同时进行下滑操作。在图片组的类型为长图,基于用户对图片区域或滑动条区域的滑动指令,可以同时滑动展示图片区域展示的长图范围和图片控制条上的选框。
在上述技术方案的基础上,在展示所述图片组对应的图片控制条之后,还包括:
若所述图片组的类型为多图或图片合集,响应于对所述图片控制条的拖动指令,滚动显示所述图片控制条上的选框,并将所述图片区域展示的图片与所述控制条区域进行联动切换;或者
若所述图片组的类型为多图或图片合集,响应于对所述图片区域的滑动指令,切换图片区域展示的图片,并将所述图片控制条上的选框与所述图片区域的图片进行联动切换。
暂停播放图片组的动态效果后,在全屏图片播放界面中的图片区域和控制条区域均可以供用户操作。若图片组的类型为多图或图片合集,控制条区域显示的图片控制条中当前显示的图片对应的缩略图的选框被选中,用户可以上下拖动控制条上的选框,以改变被选中的缩略图,从而电子设备接收到用户对图片控制条的拖动指令,这时图片控制条基于所述拖动指令快速滚动显示图片控制条上的选框,同时,将该图片组在图片区域展示的图片与控制条区域进行联动切换,如用户上滑图片控制条时,在控制条区域上滑图片控制条,在图片区域同时切换为当前图片后面的图片;用户还可以对图片区域进行上下滑动操作,从而基于用户的滑动指令,切换图片区域展示的图片,同时,将图片控制条上的选框与图片区域的图片进行联动切换,如用户下滑图片区域的图片时,将图片区域的图片与图片控制条上的选框同时进行下滑操作。在图片组的类型为多图或图片合集时,基于用户对图片区域或滑动条区域的滑动指令,可以同时滑动切换图片区域展示的图片和图片控制条上的选框。
在上述技术方案的基础上,所述控制条区域还包括与所述图片组相同类型的其他图片组;
所述方法还包括:在所述控制条区域的图片控制条上的选框滑动至下一个图片组时,在所述图片区域展示所述下一个图片组中的图片。
控制条区域还可以显示与图片组相同类型的其他图片组的图片控制条,在基于用户的操作指令将控制条区域的图片控制条上的选框滑动至下一个图片组时,在图片区域展示下一个图片组与图片组控制条上的选框对应的图片。通过在控制条区域推荐与图片组相同类型的其他图片组,用户可以连续查看其他的长图或者多图。
图6是根据一示例性实施例示出的一种图片浏览装置的框图。参照图6,该图片浏览装置包括信息流展示模块61、图片组获取模块62和图片视频化播放模块63。
该信息流展示模块61被配置为执行在信息流列表的展示界面,展示所述信息流列表中的资源;
该图片组获取模块62被配置为执行在当前资源为图片组时,若容纳图片组的图片容器在屏幕中的当前位置位于预设范围,获取所述图片组中的至少一张图片;
该图片视频化播放模块63被配置为执行根据所述图片组的类型,动态播放所述图片组中的至少一张图片。
可选的,所述图片视频化播放模块包括:
长图播放单元,被配置为执行若所述图片组的类型为长图,则以预设的长图播放速度,在所述图片容器内向上动态移动所述图片组中的长图;
多图播放单元,被配置为执行若所述图片组的类型为多图,则以预设的多图播放速度,在所述图片容器内动态切换所述至少一张图片;
图片合集播放单元,被配置为执行若所述图片组的类型为图片合集,则按照所述图片合集中多个子图片组的顺序,以预设的多图播放速度,在所述图片容器内动态切换所述图片合集中每一子图片组中的至少一张图片。
可选的,所述多图播放单元包括:
动态切换子单元,被配置为执行在所述图片容器内动态切换所述至少一张图片,使得每一张图片的透明度从0逐渐变化至100%,并显示预设时间后将每一张图片的透明度从100%逐渐变化至0。
可选的,所述装置还包括:
第一循环播放模块,被配置为执行若所述图片组的类型为长图或多图,在所述图片组中的至少一张图片播放结束后,按照所述长图或多图的播放形式,循环播放所述至少一张图片。
可选的,所述装置还包括:
第二循环播放模块,被配置为执行若所述图片组的类型为图片合集,在所述图片合集中多个子图片组播放结束后,按照所述图片合集的播放形式,循环播放所述图片合集中每一子图片组中的图片。
可选的,所述装置还包括:
全屏播放模块,被配置为执行响应于对所述图片组的全屏播放指令,获取当前图片在所述图片组播放图片顺序中的当前播放位置,并在全屏图片播放界面,从所述当前播放位置开始全屏播放所述图片组中的至少一张图片。
可选的,所述装置还包括:
资源切换模块,被配置为执行在所述全屏图片播放界面,响应于资源切换指令,播放所述信息流列表中所述图片组的下一资源,所述下一资源的资源类型包括图片资源、视频资源或直播资源。
可选的,所述装置还包括:
信息控件显示模块,被配置为执行在所述全屏图片播放界面,显示所述图片组的界面文字信息和互动功能控件;
暂停播放模块,被配置为执行响应于预览暂停指令,暂停播放所述图片组,并隐藏所述界面文字信息和互动功能控件。
可选的,所述暂停播放模块包括:
长图暂停播放单元,被配置为执行若所述图片组的类型为长图,则确定接收到所述预览暂停指令时所述长图的当前显示范围,并展示所述当前显示范围内的长图;
多图暂停播放单元,被配置为执行若所述图片组的类型为多图或图片合集,则确定接收到所述预览暂停指令时的当前显示图片,并展示所述当前显示图片。
可选的,所述装置还包括:
图片查看交互模块,被配置执行若所述图片组的类型为长图,响应于上下滑动指令,跟随所述上下滑动指令移动所述长图,以改变所述长图的显示范围;若所述图片组的类型为多图或图片合集,响应于左右滑动指令,显示所述当前显示图片的前一张图片或后一张图片。
可选的,所述装置还包括:
图片操作控件显示模块,被配置为执行在所述全屏图片播放界面的第一预设位置,显示图片操作控件,所述图片操作控件用于基于操作指令对当前图片进行操作,所述图片操作控件包括收藏图片控件、下载图片控件和识别图片文字控件中的至少一种。
可选的,所述装置还包括:
下一作品控件显示模块,被配置为执行在所述全屏图片播放界面的第二预设位置,显示下一作品控件,所述下一作品控件用于基于操作指令显示所述信息流列表中的下一个资源。
可选的,所述装置还包括:
图片区域展示模块,被配置为执行在所述全屏图片播放界面的图片区域,展示当前播放到的图片;
控制条区域展示模块,被配置为执行在所述全屏图片播放界面的控制条区域,展示所述图片组对应的图片控制条。
可选的,所述装置还包括:
长图联动展示模块,被配置为执行若所述图片组的类型为长图,响应于对所述图片控制条的拖动指令,滚动显示所述图片控制条上的选框,并将长图在所述图片区域展示的显示范围与所述控制条区域进行联动滚动;或者,若所述图片组的类型为长图,响应于对所述图片区域的滑动指令,改变所述图片区域展示的所述长图的显示范围,并将所述图片控制条上的选框与所述图片区域的显示范围进行联动滚动。
可选的,所述装置还包括:
多图联动展示模,被配置为执行若所述图片组的类型为多图或图片合集,响应于对所述图片控制条的拖动指令,滚动显示所述图片控制条上的选框,并将所述图片区域展示的图片与所述控制条区域进行联动切换;或者,若所述图片组的类型为多图或图片合集,响应于对所述图片区域的滑动指令,切换图片区域展示的图片,并将所述图片控制条上的选框与所述图片区域的图片进行联动切换。
可选的,所述控制条区域还包括与所述图片组相同类型的其他图片组;
所述装置还包括:
下一图片组展示模块,被配置为执行在所述控制条区域的图片控制条上的选框滑动至下一个图片组时,在所述图片区域展示所述下一个图片组中的图片。
可选的,所述装置还包括:
音频播放模块,被配置为执行在动态播放所述图片组中的至少一张图片时,播放所述图片组对应的音频资源。
可选的,所述信息流列表包括图片资源,所述信息流列表还包括视频资源和直播资源中的至少一种。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图7是根据一示例性实施例示出的一种电子设备的框图。例如,电子设备700可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图7,电子设备700可以包括以下一个或多个组件:处理组件702,存储器704,电力组件706,多媒体组件708,音频组件710,输入/输出(I/O)的接口712,传感器组件714,以及通信组件716。
处理组件702通常控制电子设备700的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件702可以包括一个或多个处理器720来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件702可以包括一个或多个模块,便于处理组件702和其他组件之间的交互。例如,处理组件702可以包括多媒体模块,以方便多媒体组件708和处理组件702之间的交互。
存储器704被配置为存储各种类型的数据以支持在电子设备700的操作。这些数据的示例包括用于在电子设备700上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器704可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件706为电子设备700的各种组件提供电力。电源组件706可以包括电源管理系统,一个或多个电源,及其他与为电子设备700生成、管理和分配电力相关联的组件。
多媒体组件708包括在所述电子设备700和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件708包括一个前置摄像头和/或后置摄像头。当电子设备700处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件710被配置为输出和/或输入音频信号。例如,音频组件710包括一个麦克风(MIC),当电子设备700处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器704或经由通信组件716发送。在一些实施例中,音频组件710还包括一个扬声器,用于输出音频信号。
I/O接口712为处理组件702和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件714包括一个或多个传感器,用于为电子设备700提供各个方面的状态评估。例如,传感器组件714可以检测到设备700的打开/关闭状态,组件的相对定位,例如所述组件为电子设备700的显示器和小键盘,传感器组件714还可以检测电子设备700或电子设备700一个组件的位置改变,用户与电子设备700接触的存在或不存在,电子设备700方位或加速/减速和电子设备700的温度变化。传感器组件714可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件714还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件714还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件716被配置为便于电子设备700和其他设备之间有线或无线方式的通信。电子设备700可以接入基于通信标准的无线网络,如WiFi,运营商网络(如2G、3G、4G或5G),或它们的组合。在一个示例性实施例中,通信组件716经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件716还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备700可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述图片浏览方法。
在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器704,上述指令可由电子设备700的处理器720执行以完成上述图片浏览方法。可选地,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,还提供一种计算机程序产品,包括计算机程序或计算机指令,所述计算机程序或计算机指令被处理器执行时实现上述图片浏览方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
- 图片浏览方法、装置、电子设备及存储介质
- 图片浏览方法、装置及移动终端、计算机可读存储介质