CN116049453A - 图片集播放方法及其装置、设备、介质 - Google Patents

Abstract

本申请涉及一种图片集播放方法及其装置、设备、介质、产品，所述方法包括：生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各横排内容视图控件分配视图特征码集具有的视图特征码，在各横排内容视图控件中输出各自对应的图片集中首位图片；从处于屏幕区域的横排内容视图控件的图片集中获取图片按序输出；调用音乐播放控件播放横排内容视图控件的音乐文件中处于音乐播放区间的音乐音轨；响应图片切换事件，调整图片集播放进度控件的进度条；响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至视图特征码集中，生成新横排内容视图控件并为其分配视图特征码。本申请为平台提供图片集播放功能以服务用户。

Description

图片集播放方法及其装置、设备、介质

技术领域

本申请涉及网络在线服务领域，尤其涉及一种图片集播放方法及其相应的装置、图片集播放设备、计算机可读存储介质，以及计算机程序产品。

背景技术

现有的互联网平台通常会向用户提供网络视频观看在线服务，平台用户通过网络视频观看在线服务浏览平台或其他平台用户上传的视频内容，但互联网平台中的平台用户除了向分享其录制的视频内容外，部分平台用户也想分享自己的图片内容供其他平台用户浏览，但平台用户一般只能通过类似“朋友圈”的图文浏览在线服务将自己的图片内容发布至平台中，使得图片内容在平台中的发布及展示形式较为单调，可以看出，现有的平台中提供的图片内容展示方式较为单调，申请人出于解决该问题的考虑做出相应的探索。

发明内容

本申请的目的在于解决上述问题而提供一种图片集播放方法及其相应的装置、图片集播放设备、计算机可读存储介质，以及计算机程序产品。

根据本申请的一个方面，提供一种图片集播放方法，包括如下步骤：

生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各所述横排内容视图控件分配视图特征码集具有的视图特征码，在各所述横排内容视图控件中输出各自对应的图片集中首位图片；

从处于屏幕区域的横排内容视图控件的图片集中获取预设数量的图片，将各所述图片按序输出至所述横排内容视图控件；

获取所述横排内容视图控件的音乐文件及音乐播放区间，调用音乐播放控件播放所述音乐文件中处于所述音乐播放区间的音乐音轨；

响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条；

响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至所述视图特征码集中，生成新横排内容视图控件并为其分配所述视图特征码集中具有的视图特征码。

根据本申请的另一方面，提供一种图片集播放装置，包括：

视图控件生成模块，用于生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各所述横排内容视图控件分配视图特征码集具有的视图特征码，在各所述横排内容视图控件中输出各自对应的图片集中首位图片；

图片按序输出模块，用于从处于屏幕区域的横排内容视图控件的图片集中获取预设数量的图片，将各所述图片按序输出至所述横排内容视图控件；

音乐音轨播放模块，用于获取所述横排内容视图控件的音乐文件及音乐播放区间，调用音乐播放控件播放所述音乐文件中处于所述音乐播放区间的音乐音轨；

播放进度控制模块，用于响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条；

视图控件销毁模块，用于响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至所述视图特征码集中，生成新横排内容视图控件并为其分配所述视图特征码集中具有的视图特征码。

根据本申请的另一方面，提供一种图片集播放设备，包括中央处理器和存储器，所述中央处理器用于调用运行存储于所述存储器中的计算机程序以执行本申请所述的图片集播放方法的步骤。

根据本申请的另一方面，提供一种计算机可读存储介质，其以计算机可读指令的形式存储有依据所述的图片集播放方法所实现的计算机程序，该计算机程序被计算机调用运行时，执行该方法所包括的步骤。

根据本申请的另一方面，提供一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现本申请任意一种实施例中所述方法的步骤。

本申请的为互联网平台提供图片集播放在线服务，以便平台用户通过上传包含图片的图片集至平台中进行图片分享，相较于现有平台中传统的用户图片浏览在线服务，本申请将图片集以类似网络视频播放的形式展示用户上传的图片集中的图片，通过纵排内容视图控件纵向排列多个用于承接用户所上传的图片集的横排内容视图控件，且各横排内容视图控件用于输出显示对应的图片集，图片集中各图片以横向排序的方式输出至横排内容视图控件中，用户可通过在横排内容视图控件中进行横向滑动切换终端设备的屏幕区域中显示的图片以切换图片集中当前可视的图片，或在纵排内容视图控件中进行纵向滑动以切换横排内容视图控件切换不同平台用户上传的图片集，可以看出，通过图片集播放在线服务为平台用户提供类似现有的网络视频观看在线服务展示网络视频的方式，浏览平台中平台用户所上传的图片集，且平台可将图片集播放在线服务与网络视频观看在线服务相结合，使用户可在浏览平台的网络视频时也可浏览不同的图片集。

其次，本申请中的图片集播放在线服务的图片集可具有对应设置的音乐文件及音乐播放区间，音乐文件的音乐播放区间一般由设置用户所自定义设置，使得用户可选取出音乐文件中适合其设置的图片集进行同时播放的音乐音轨，进而使得用户在观看图片集中的图片时播放音乐，提升用户观看图片时的沉浸感。

另外，本申请通过视图特征码集的构建，以为各横排内容视图控件分配对应的视图特征码以区分各横排内容视图控件，使各横排内容视图控件可被有效地输出至纵排内容视图控件中显示，及用于确定各所述图片集目标输出的横排内容视图控件。

再者，本申请通过在切换屏幕区域中显示的图片时，也将同步调整图片集播放进度控件的进度条，以表征当前处于屏幕区域中显示的图片在其所属的图片集中的排序位置。

附图说明

本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为实施本申请的技术方案相关的一种典型的网络部署架构示意图；

图2为本申请的图片集播放方法的典型实施例的流程示意图；

图3为本申请中关于纵排内容视图控件中多个横排内容视图控件的界面示意图；

图4为本申请中关于横排内容视图控件输出多个图片的界面示意图；

图5为本申请中关于横排内容视图控件输出多个图片的另一界面示意图；

图6为本申请中关于纵排内容视图控件中多个横排内容视图控件的另一界面示意图；

图7为本申请实施例中关于根据音乐播放区间从音乐文件中确定出音乐音轨的流程示意图；

图8为本申请实施例中关于初始化图片集播放进度控件中进度条块的流程示意图；

图9为本申请中关于纵排内容视图控件中多个横排内容视图控件的再一界面示意图

图10为本申请实施例中关于响应图片集播放事件控制图片集播放进度控件中进度条的流程示意图；

图11为本申请实施例中关于响应屏幕滑动事件控制可视图片的图片缩放的流程示意图；

图12为本申请实施例中关于初始化视图特征码集及回收分配视图特征码集的视图特征码的流程示意图；

图13为本申请的图片集播放装置的典型实施例的原理框图；

图14为本申请一个实施例的图片集播放设备的基本结构框图。

具体实施方式

本申请所称的“服务器”，同理也可扩展到适用于服务集群的情况。依据本领域技术人员所理解的网络部署原理，所述各服务器应是逻辑上的划分，在物理空间上，这些服务器既可以是互相独立但可通过接口调用的，也可以是集成到一台物理计算机或一套计算机机群的。本领域技术人员应当理解这一变通，而不应以此约束本申请的网络部署方式的实施方式。

本领域技术人员对此应当知晓：本申请的各种方法，虽然基于相同的概念而进行描述而使其彼此间呈现共通性，但是，除非特别说明，否则这些方法都是可以独立执行的。同理，对于本申请所揭示的各个实施例而言，均基于同一发明构思而提出，因此，对于相同表述的概念，以及尽管概念表述不同但仅是为了方便而适当变换的概念，应被等同理解。

本申请即将揭示的各个实施例，除非明文指出彼此之间的相互排斥关系，否则，各个实施例所涉的相关技术特征可以交叉结合而灵活构造出新的实施例，只要这种结合不背离本申请的创造精神且可满足现有技术中的需求或解决现有技术中的某方面的不足即可。对此变通，本领域技术人员应当知晓。

请参阅图1，本申请相关技术方案实施时所需的硬件基础可按图中所示的架构进行部署。本申请所称服务器80部署在云端，作为一个在线服务器，其可以负责进一步连接起相关数据服务器以及其他提供相关支持的服务器等，以此构成逻辑上相关联的服务机群，来为相关的终端设备例如图中所示的智能手机81和个人计算机82或者第三方服务器(未图示)提供服务。所述的智能手机和个人计算机均可通过公知的网络接入方式接入互联网，与云端的服务器80建立数据通信链路，以便运行所述服务器所提供的服务相关的终端应用程序，例如，智能手机81和个人计算机82一般运行平台的应用程序进行图片集播放的终端设备，而服务器80可负责为所述终端设备提供获取平台中具有的图片集。

请参阅图2，本申请的一种图片集播放方法，在其典型实施例中，其包括如下步骤：

步骤S11，生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各所述横排内容视图控件分配视图特征码集具有的视图特征码，在各所述横排内容视图控件中输出各自对应的图片集中首位图片；

所述的纵排内容视图控件用于纵向排列各所述横排内容视图控件，通过将各所述横排内容视图控件在所述纵排内容视图控件中，使得用户可通过在屏幕区域中进行纵向滑屏操作，切换处于所述屏幕区域中所显示的所述横排内容视图控件，请参考图3，图3所示的视图控件301为所述纵排内容视图控件，所述的视图控件302、303及304为所述横排内容视图控件，如图3所示，各所示的横排内容视图控件以纵向排列的方式输出至所示的纵排内容视图控件301中，将所示的视图控件303举例为处于所述屏幕区域的横排内容视图控件，即所示的视图控件303为当前输出至终端设备的屏幕中显示的横排内容视图控件，用户通过在所述屏幕区域中执行纵向滑屏操作后，可将处于屏幕区域中显示的视图控件303切换为所示视图控件302或所示视图控件304。

所述的横排内容视图控件用于横向排列对应的图片集中具有的图片，各所述横排内容视图控件具有其对应的图片集，用户可通过对所示横排内容视图控件进行横向滑屏操作切换所述屏幕区域中显示的图片，所述图片集一般包含多张图片，且各图片具有对应的排序标识，以便将所述图片集中具有的多种图片输出至对应的横排内容视图控件中，可根据各所述图片具有的排序标识，按序将各所述图片输出至所述横排内容视图控件中显示，具体的，请参考图4，图4中的所示的横排内容视图控件401中将其对应的图片集中的图片402、图片403及图片404进行横向排列输出，其中，所示图片403处于所示屏幕区域405中，用户可通过在所示屏幕区域405中进行横向滑屏操作，将处于所示屏幕区域405中的图片403切换为所示图片402或所示图片404。

关于所述的纵排内容视图控件中可同时显示的横排内容视图控件数量一般由为3至6的数量范围内，即所述的生成预设数量的横排内容视图控件输出至纵排内容视图控件中所述的预设数量的数值一般设置在3至6，当然，本领域的技术人员可灵活设计纵排内容视图控件中可同时显示的横排内容视图控件数量，恕不赘述。

所述的视图特征码集具有的多个视图特征码，各所述视频特征码用于分配于输出至所述纵排内容视图控件中的横排内容视图控件，其中，所述视图特征码集具有的视图特征码数量一般超过纵排内容视图控件中可同时显示的横排内容视图控件数量，以确保所述视图特征码集具有的视图特征码足够分配给各横排内容视图控件；通过为各所述横排内容视图控件分配对应的视图特征码以区分各横排内容视图控件，使各所述横排内容视图控件可被有效地输出至纵排内容视图控件中，及用于确定各所述图片集目标输出的横排内容视图控件。

所述的图片集一般为用户端通过平台的服务器所获取的某一平台用户所上传的图片集合或存储于用户端的本地存储空间中的图片集合，且各所述图片集合一般具有与其对应的音乐文件及作用于所述音乐文件的音乐区间，以在输出显示图片集中包含的图片时播放所述音乐文件。

各所述横排内容视图控件输出至所述纵排内容视图控件中显示时，将获取各所述横排内容视图控件各自对应的图片集，并将各所述图片集中的所述首位图片输出至其对应的所述横排内容视图控件中显示，其中，所述首位图片是指其在所处的图片集中排序标识表征为首位输出显示的图片，通过将各所述横排内容视图控件的图片集的所述首位图片进行输出，以便任一所述横排内容视图控件被切换至所述屏幕区域中显示时可无需加载便显示首位图片进行显示，提升用户的图片观看体验及切换横排内容视图控件的观感。

步骤S12，从处于屏幕区域的横排内容视图控件的图片集中获取预设数量的图片，将各所述图片按序输出至所述横排内容视图控件；

对于当前处于所述屏幕区域的所述横排内容视图控件，用户端获取所述横排内容视图控件中预设数量的图片，并将该些图片输出至所述横排内容视图控件中，需要注意的是，所述的屏幕区域中一般显示一张图片，即用户端的屏幕中输出显示的可被用户所观看到的图片数量一般为一，处于用户端的用户可通过对所述屏幕区域进行横向滑屏操作，将所述屏幕区域中显示的图片切换为所述横排内容视图控件中其他已输出的图片，可以理解，用户端不仅输出当前处于所述屏幕区域的图片，而是从处于所述屏幕区域的横排内容视图控件的图片集中获取多张图片进行输出，使得用户通过对所述屏幕区域进行横向滑屏操作以切换所述横排内容视图控件的图片集中图片时，无需在切换图片后等待图片的加载，提升用户观看图片的流畅性。

如上文所述，所述图片集中包含的各图片具有各自的所述排序标识，用户端输出从处于屏幕区域的横排内容视图控件的图片集中获取预设数量的图片时，将根据获取的各所述图片的所述排序标识，按序横排输出各所述图片至所述横排内容视图控件中显示，其中，所述预设数量一部设置为3至6的范围内，或者可将所述图片集中未处于所述屏幕区域中的所有图片都进行提前输出，本领域技术人员可灵活设计提前从图片集中获取的进行输出的图片数量，恕不赘述。

步骤S13，获取所述横排内容视图控件的音乐文件及音乐播放区间，调用音乐播放控件播放所述音乐文件中处于所述音乐播放区间的音乐音轨；

处于所述屏幕区域中的所述横排内容视图控件在输出其所述图片集中预设数量的图片时，同时也将通过调用所述音乐播放控件播放所述横排内容视图控件的音乐文件中处于音乐播放区间的音乐音轨。

所述的音乐文件及音乐播放区间一般与横排内容视图控件的图片集相对应，以在输出所述图片集中的图片至所述横排内容视图控件中时，通过调用音乐播放控件播放所述音乐文件中处于音乐播放区间的音乐音轨，进而使得用户在观看图片集中的图片时播放音乐，提升用户观看图片时的沉浸感。

所述的音乐文件一般为通过平台服务器或用户端本地存储空间所获取，且所述音乐文件一般具有所述音乐播放区间，以便根据所述音乐播放区间播放所述音乐文件中对应的音乐音轨，具体的，所述音乐播放区间中一般包含音轨起始位置及音轨结束位置，其中，所述音轨起始位置用于表征音乐文本中需播放的音乐音轨的开始播放位置，所述音轨结束位置用于表征音乐文本中需播放的音乐音轨的结束播放位置，通过所述音乐播放区间中包含所述音轨起始位置及所述音轨结束位置确定出所述音乐文件中的原音乐音轨中需播放的音乐音轨，并通过调用所述音乐播放器播放所述音乐音轨；所述的音乐播放区间一般由设置用户所自定义设置，使得用户可选取出音乐文件中适合其设置的图片集进行同时播放的音乐音轨。

当然，当所述音乐文件不具有对应的所述音乐播放区间时，用户端将调用所述音乐播放器播放所述音乐文件的原音乐音轨，即完整播放所述音乐文件。

所述的音乐播放器用于播放根据所述音乐播放区间从所述音乐文件中确定出的音乐音轨，且控制所述音乐音轨的播放，例如，用户可通过所述音乐播放器对应的音乐播放控件控制所述音乐音轨暂停播放或恢复播放，请参考图5，所述的音乐播放器在图形用户界面中具有如所示的音乐播放控件501，通过响应所示音乐播放控件501的触控点击事件以控制对应的音乐音轨的播放与站厅。

步骤S14，响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条；

所述的图片切换事件是指切换所述横排内容视图控件中处于所述屏幕区域中的图片所触发的事件，处于当前用户端的用户可通过在所述屏幕区域中进行横向滑屏操作，触发作用于当前处于中所述屏幕区域中横排内容视图控件的所述图片切换事件，或为作用于所述横排内容视图控件的图片集播放事件触发所述图片切换事件，所述的图片集播放事件是指自动切换所述横排内容视图控件中处于所述屏幕区域的事件。

响应作用于当前处于所述屏幕区域中的横排内容视图控件的所述图片切换事件后，当前用户端将调整作用于所述横排内容视图控件的图片集播放进度控件的进度条，所述的图片集播放进度控件用于表征当前处于所述屏幕区域中的图片在其所属的图片集所处的排序位置，其中，所述图片集播放进度控件中具有所述进度条，所述进度条由数量为当前处于所述屏幕区域中的横排内容视图控件的图片集所具有的图片数量的进度条块所组成。

关于所述图片集播放进度控件中所述进度条的初始化事件，当前用户端确定处于屏幕区域的横排内容视图控件的图片集具有的图片数量，进而生成与所述图片数量对应数量的进度条块，且各所述进度条块与所述图片集中的图片按序绑定，输出各所述进度条块至所述图片集播放进度控件中显示，其中，处于所述屏幕区域中的图片对应的进度条块为醒目显示状态，未处于所述屏幕区域中的图片对应的进度条块处于静默显示状态，请参考图5，如图5中所示的图片集播放进度控件502，所示图片集播放进度控件502的进度条由4个所述进度条块所组成，其中，所示图片集播放进度控件502的进度条中处于所述醒目显示状态为第二个进度条块，则表征当前处于所示屏幕区域507中的图片为所示横排内容视图控件的图片集中具有的排序标识表征为排序第二的图片。

关于所述的图片集播放事件，具体的，当前用户端响应处于屏幕区域的横排内容视图控件的图片集播放事件，确定初始播放时间，进而实时检测所述初始播放时间与当前时间的时间差是否超过预设图片显示时长，若超过，则将所述横排内容视图控件中处于屏幕区域的图片切换为其下一位置的图片，且将所述横排内容视图控件的图片集播放进度控件中为醒目显示状态的进度条块切换为静默显示状态，将所述进度条块的下一进度条块从静默显示状态切换为醒目显示状态。

当所述横排内容视图控件中处于所述屏幕区域中的图片为其所属的图片集中的末位图片时，即该图片为所述图片集中具有的所述排序标识表征为排序最后一张图片的图片时，响应作用于所述横排内容视图控件的所述图片切换事件为通过所述图片集播放事件所触发的事件时，当前用户端将所述横排内容视图控件中处于所述屏幕区域的所述末位图片切换为所述图片集中的首位图片，并对应调整作用于所述横排内容视图控件的所述图片集播放进度控件中的进度条。

当所述横排内容视图控件中处于所述屏幕区域中的图片为其所属的图片集中的所述末位图片时，且响应作用于所述横排内容视图控件的所述图片切换事件为通过横向滑屏操作事件所触发的事件时，当前用户端将检测所述横排内容视图控件所处的所述纵排内容视图控件在当前页面中所处的布局位置，当所述纵排内容视图控件所处的布局位置的右边具有其他布局时，且所述横向滑屏操作事件为向左的滑屏操作时，当前用户端将所述纵排内容视图控件所处的布局切换为处于其右边的其他布局，并调整对应的布局位置指示控件，如图5中所示的布局位置指示控件508，所述纵排内容视图控件所处的布局位置如所示布局位置指示控件508所示，该纵排内容视图控件处于图5的当前页面中的中间布局位置，其具体的布局位置名称为“关注”，且该“关注”的下标处于醒目显示状态，当作用于所述纵排内容视图控件的横向滑屏操作事件为向左的滑屏操作时，则将所述纵排内容视图控件切换为布局位置名称为“好友”的布局位置，且将所示布局位置指示控件508中“关注”的下标切换为静默显示状态，将所述布局位置名称为“好友”的下标切换为羡慕显示状态。

同理，以图5为例，当所述横排内容视图控件中处于所述屏幕区域中的图片为其所属的图片集中的所述首位图片时，且响应作用于所述横排内容视图控件的所述图片切换事件为通过横向滑屏操作事件所触发的事件时，且所述横向滑屏操作事件为向右的滑屏操作时，则将当前处于屏幕区域的布局位置名称为“关注”的布局的纵排内容视图控件切换为处于其左边的布局名称为“推荐”的布局，将所述纵排内容视图控件切换为布局位置名称为“推荐”的布局位置，且将所示布局位置指示控件508中“关注”的下标切换为静默显示状态，将所述布局位置名称为“推荐”的下标切换为羡慕显示状态。

步骤S15，响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至所述视图特征码集中，生成新横排内容视图控件并为其分配所述视图特征码集中具有的视图特征码。

因处于所述纵排内容视图控件中同时可存在的横排内容视图控件数量一般具有相应的预设数量限制，因此，当通过对所述纵排内容视图控件进行纵向滑屏操作后，触发生成新横排内容视图控件用于输出新的图片集及其对应的音乐文件时，当前用户端将触发作用于所述纵排内容视图控件中当前处于首位或末位位置的横排内容视图控件的所述横排内容视图控件销毁事件。

请参考图3及图6，具体的，当当前作用于图3所示纵排内容视图控件301的纵向滑屏操作为向上滑屏操作时，则触发所述横排内容视图控件销毁事件的横排内容视图控件为图3所示的横排内容视图控件302，当前用户端将从所示纵排内容视图控件301中销毁所示横排内容视图控件302,并在所示横排内容视图控件302的下发位置生成新的横排内容视图控件，即将图3所示的纵排内容视图控件301切换为图6所示的纵排内容视图控件601，图6中所示的横排内容视图控件602为新生成的横排内容视图控件。

在响应横排内容视图控件销毁事件销毁对应的横向内容视图控件后，将获取该横向内容视图控件所具有的所述视图特征码，并将该视图特征码存储至所述视图特征码集中，以完成对所述视图特征码的回收操作，并从所述视图特征码集中获取其具有的视图特征码分配给新生成的横向内容视图控件。

根据本申请的另一实施例，请参考图7，获取所述横排内容视图控件的音乐文件及音乐播放区间，调用音乐播放控件播放所述音乐文件中处于所述音乐播放区间的音乐音轨，包括如下步骤：

步骤S131，获取所述音乐播放区间中包含的音轨起始位置及音轨结束位置；

所述音轨起始位置用于表征音乐文本中需播放的音乐音轨的开始播放位置，所述音轨结束位置用于表征音乐文本中需播放的音乐音轨的结束播放位置。

步骤S132，确定出所述音乐文件的原始音乐音轨中处于所述音轨起始位置与音轨结束位置的音乐音轨；

获取所述音轨起始位置与所述音轨结束位置后，将确定出所述音轨起始位置在所述音乐文件的所述原始音乐音轨中对应的第一音轨时间轴位置，同时确定出所述音轨结束位置在所述音乐文件的所述原始音乐音轨中对应的第二音轨时间轴位置，进而确定出所述第一音轨时间轴位置至第二音轨时间轴位置的音轨时间轴区间，进而剪辑获取处于该音轨时间轴区间的音乐音轨。

步骤S133，驱动所述音乐播放控件播放所述音乐音轨。

获取出所述原始音乐音轨中的所述音乐音轨后，将驱动所述音乐播放控件播放所述音乐音轨。

以上揭示的实施例中，音乐文件的音乐播放区间一般由设置用户所自定义设置，使得用户可选取出音乐文件中适合其设置的图片集进行同时播放的音乐音轨，进而使得用户在观看图片集中的图片时播放音乐，提升用户观看图片时的沉浸感。

根据本申请的另一实施例，请参考图5及图8，响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条的步骤中，包括如下步骤：

步骤S141，确定处于屏幕区域的横排内容视图控件的图片集具有的图片数量；

当所述纵排内容视图控件中输出的任一横排内容视图控件被移动至所述屏幕区域中时，当前用户端将确定该横排内容视图控件对应的图片集中具有的图片数量，以初始化所述图片集播放控件中的进度条。

步骤S142，生成与所述图片数量对应数量的进度条块，且各所述进度条块与所述图片集中的图片按序绑定；

确定出所述横排内容视图控件的图片集具有的图片数量后，将生成与所述图片数量对应数量的进度条块，如图5所示，所示的横排内容视图控件506的图片集具有的图片数量为4，则为所示图片集播放控件502中生成的进度条块也同样为4。

生成与所述图片数量对应数量的所示进度条块，各所述进度条块将其在所述图片集中对应的图片进行按序绑定，以便确定各所述进度条块的显示位置关系，且切换处于所述屏幕区域中的图片时可同步调整被切换的图片的所述进度条块的显示状态(醒目显示状态或静默显示状态)。

步骤S143，输出各所述进度条块至所述图片集播放进度控件中显示，其中，处于屏幕区域中的图片对应的进度条块为醒目显示状态。

请参考图5，图5所示图片集播放控件502的进度条中各所示进度条块与图片集中各图片的排序位置相对应，如处于所示屏幕区域507中的图片503处于图片集中的排序位置为第二，因此，其在所示图片集播放控件502的进度条中对应的进度条块的显示状态为醒目显示状态。

以上揭示的实施例中，通过生成与处于屏幕区域中可视的横排内容视图控件的图片集所具有的图片数量相同数量的进度条块，以组合该些进度条块组成图片集播放进度控件中的进度条，完成对图片集播放进度控件的进度条初始化操作。

根据本申请的另一实施例，请参考图5、图9及图10，响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条的步骤中，包括如下步骤：

步骤S141’，响应处于屏幕区域的横排内容视图控件的图片集播放事件，确定初始播放时间；

当前用户端响应所述的图片集播放事件，以自动切换处于屏幕区域中的横排内容视图控件对应的图片集中所具有的图片，即将所述横排内容视图控件中当前处于屏幕区域中图片切换为其下一位置的图片，所述的初始播放事件是指触发所述图片集播放事件的时间。

步骤S142’，检测出所述初始播放时间与当前时间的时间差超过预设图片显示时长，将所述横排内容视图控件中处于屏幕区域的图片切换为其下一位置的图片；

所述的预设图片显示时长一般设置在3至5秒的时长范围内，当然，本领域技术人员可灵活设计所述预设图片显示时长。

请参考图5及图9，当检测出作用于图5所示的横排内容视图控件506的初始播放时间与当前时间的时间差超过所述预设图片显示时长时，图5所示的处于所示屏幕区域507中的图片503将切换为其下一位置的所示图片504，即将图5所示的横排内容视图控件506将切换为图9所示的横排内容视图控件901，处于所示屏幕区域902中的所示图片903为图5所示的图片504。

步骤S143’，将所述横排内容视图控件的图片集播放进度控件中为醒目显示状态的进度条块切换为静默显示状态，将所述进度条块的下一进度条块从静默显示状态切换为醒目显示状态。

请参考图5及图9，将图5所示的处于所示屏幕区域507中的图片503将切换为其下一位置的所示图片504时，同时将调整图5所示的图片集播放进度控件502中的进度条，将所示图片503在所示进度条中的进度条块从醒目显示状态切换为静默显示状态，将所示图片504在所示进度条中的进度条块从醒目显示状态切换为静默显示状态，即将图5所示的图片集播放进度控件502切换为图9所示的图片集播放进度控件904。

以上揭示的实施例中，在切换屏幕区域中显示的图片时，也将同步调整图片集播放进度控件的进度条，以表征当前处于屏幕区域中显示的图片在其所属的图片集中的排序位置。

根据本申请的另一实施例，请参考图11，响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条的步骤后，包括如下步骤：

步骤S141”，响应屏幕滑动事件，确定所述屏幕滑动事件对应的屏幕触控点数；

所述的屏幕滑动事件是指处于用户端的用户对屏幕区域进行任意方向的滑动操作所触发的事件。

所属的屏幕触控点数是指用户端在响应所述屏幕滑动事件时，用户端的所述屏幕区域中具有的滑动方向触控点。

步骤S142”，检测出所述屏幕触控点数超过预设数量，停止播放处于屏幕区域中横排内容视图控件的图片集包含的图片；

所述的预设数量的数值一般超过或等于2，当当前用户端检测出所述屏幕触控点数超过预设数量时，则将停止执行如上文所述的图片集播放事件，以将当前处于所述屏幕区域中的图片作为可视图片进行图片缩放操作。

步骤S143”，根据所述屏幕滑动事件的屏幕滑动方向，控制所述横排内容视图控件中可视图片的图片缩放。

当所述屏幕滑动事件的屏幕滑动方向为滑向屏幕中心的方向时，当前用户端将对当前处于所述屏幕区域中的图片进行图片缩小操作，即缩小所述横排内容视图控件中可视图片在所述屏幕区域中的图片显示尺寸。

当所述屏幕滑动事件的屏幕滑动方向为滑向屏幕边缘的方向时，当前用户端将对当前处于所述屏幕区域中的图片进行图片放大操作，即放大所述横排内容视图控件中可视图片在所述屏幕区域中的图片显示尺寸。

以上揭示的实施例中，为横排内容视图控件构建可视图片缩放功能，以便用户通过可视图片缩放功能控制处于屏幕区域中的可视图片的图片显示尺寸，使用户可通过不同的图片显示尺寸观看图片。

根据本申请的另一实施例，请参考图3、6及图12，生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各所述横排内容视图控件分配视图特征码集具有的视图特征码，或响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至所述视图特征码集中，生成新横排内容视图控件并为其分配所述视图特征码集中具有的视图特征码的步骤中，包括如下任一步骤：

步骤S151，响应图片集播放页面的显示事件，获取为所述图片集播放页面所预设的横排内容视图控件生成数量，生成超过所述横排内容视图控件生成数量的数量的视图特征码存储至视图特征码集中；

所述的图片集播放页面是指用于输出显示所述纵排内容视图控件及其所述横排内容视图控件的页面，应用程序通过显示所述图片集播放页面，输出播放对应的图片集中具有的图片。

所述的横排内容视图控件生成数量一般是指可在纵排内容视图控件中同时输出的横排内容视图控件的数量，该数量一般设置在3至6的数量范围内，当然，本领域技术人员可灵活设计所述横排内容视图控件生成数量，恕不赘述。

获取所述横排内容视图控件生成数量是为了初始化作用于所述纵排内容视图控件的所述视图特征码集，生成超过所述横排内容视图控件生成数量的数量的视图特征码，并将该些视图停止码存储至所述视图特征码集中，以完成对所述视图特征码集的初始化。

步骤S152，响应横排内容视图控件的生成事件，从所述视图特征码集中获取视图特征码分配至所述横排内容视图控件，将所述视图特征码从所述视图特征码集中移除；

请参考图3及图6，当当前作用于图3所示纵排内容视图控件301的纵向滑屏操作为向上滑屏操作时，则触发所述横排内容视图控件销毁事件的横排内容视图控件为图3所示的横排内容视图控件302，当前用户端将从所示纵排内容视图控件301中销毁所示横排内容视图控件302,并在所示横排内容视图控件302的下发位置生成新的横排内容视图控件，即将图3所示的纵排内容视图控件301切换为图6所示的纵排内容视图控件601，图6中所示的横排内容视图控件602为新生成的横排内容视图控件，当前用户端将从所述视图特征码集中获取视图特征码，以将获取的所述视图特征码分配于所示横排内容视图控件602。

步骤S153，响应横排内容视图控件的销毁事件，获取所述横排内容视图控件具有的视图特征码存储至所述视图特征码集中。

请参考图3及图6，当图3所示纵排内容视图控件301的纵向滑屏操作为向上滑屏操作时而触发作用于所示横排内容视图控件302的所述销毁事件后，将获取所示横排内容视图控件302具有的视图特征码，并将该视图特征码存储至所述视图特征码集中，以完成对所述视图特征码的回收操作。

以上揭示的实施例中，通过对视图特征码集中的视图特征码进行初始化操作及回收复用操作，以保证生成的横排内容视图控件都可被分配对应的视图特征码，以使横排内容视图控件可有效进行输出显示。

请参阅图13，适应本申请的目的之一而提供的一种图片集播放装置：视图控件生成模块11，用于生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各所述横排内容视图控件分配视图特征码集具有的视图特征码，在各所述横排内容视图控件中输出各自对应的图片集中首位图片；图片按序输出模块12，用于从处于屏幕区域的横排内容视图控件的图片集中获取预设数量的图片，将各所述图片按序输出至所述横排内容视图控件；音乐音轨播放模块，用于获取所述横排内容视图控件的音乐文件及音乐播放区间，调用音乐播放控件播放所述音乐文件中处于所述音乐播放区间的音乐音轨；播放进度控制模块13，用于响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条；视图控件销毁模块14，用于响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至所述视图特征码集中，生成新横排内容视图控件并为其分配所述视图特征码集中具有的视图特征码。

一种实施例中，所述音乐音轨播放模块11包括：音轨位置获取子模块，用于获取所述音乐播放区间中包含的音轨起始位置及音轨结束位置；音乐音轨确定子模块，用于确定出所述音乐文件的原始音乐音轨中处于所述音轨起始位置与音轨结束位置的音乐音轨；音乐播放器调用子模块，用于驱动所述音乐播放控件播放所述音乐音轨。

一种实施例中，所述播放进度控制模块13包括：图片数量确定子模块，用于确定处于屏幕区域的横排内容视图控件的图片集具有的图片数量；进度条块生成子模块，用于生成与所述图片数量对应数量的进度条块，且各所述进度条块与所述图片集中的图片按序绑定；进度条块显示子模块，用于输出各所述进度条块至所述图片集播放进度控件中显示，其中，处于屏幕区域中的图片对应的进度条块为醒目显示状态。

一种实施例中，所述播放进度控制模块13还包括：初始播放时间确定子模块，用于响应处于屏幕区域的横排内容视图控件的图片集播放事件，确定初始播放时间；图片切换子模块，用于检测出所述初始播放时间与当前时间的时间差超过预设图片显示时长，将所述横排内容视图控件中处于屏幕区域的图片切换为其下一位置的图片；进度条块显示控制，用于将所述横排内容视图控件的图片集播放进度控件中为醒目显示状态的进度条块切换为静默显示状态，将所述进度条块的下一进度条块从静默显示状态切换为醒目显示状态。

本申请的另一实施例还提供一种图片集播放设备。如图14所示，所述图片集播放设备可由计算机设备实现。该计算机设备包括通过系统总线连接的处理器、计算机可读存储介质、存储器和网络接口。其中，该计算机设备的计算机可读存储介质存储有操作系统、数据库和计算机可读指令，数据库中可存储有控件信息序列，该计算机可读指令被处理器执行时，可使得处理器实现一种图片集播放方法。该计算机设备的处理器用于提供计算和控制能力，支撑整个计算机设备的运行。该计算机设备的存储器中可存储有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行本申请的图片集播放方法。该计算机设备的网络接口用于与终端连接通信。本领域技术人员可以理解，图14中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

本实施方式中处理器用于执行图14中的各个模块的具体功能，存储器存储有执行上述模块或子模块所需的程序代码和各类数据。网络接口用于向用户终端或服务器之间的数据传输。本实施方式中的存储器存储有本申请的图片集播放装置中执行所有模块所需的程序代码及数据，服务器能够调用服务器的程序代码及数据执行所有模块的功能。

本申请还提供一种存储有计算机可读指令存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行本申请任一实施例的图片集播放方法的步骤。

本申请还提供一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被一个或多个处理器执行时实现本申请任一实施例所述方法的步骤。

本领域普通技术人员可以理解实现本申请上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等计算机可读存储介质，或随机存储记忆体(Random Access Memory，RAM)等。

以上所述仅是本申请的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。

综上所述，本申请为互联网平台提供图片集播放在线服务，以便平台用户通过上传包含图片的图片集至平台中进行图片分享。

Claims (10)

1.一种图片集播放方法，其特征在于，包括如下步骤：

生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各所述横排内容视图控件分配视图特征码集具有的视图特征码，在各所述横排内容视图控件中输出各自对应的图片集中首位图片；

从处于屏幕区域的横排内容视图控件的图片集中获取预设数量的图片，将各所述图片按序输出至所述横排内容视图控件；

获取所述横排内容视图控件的音乐文件及音乐播放区间，调用音乐播放控件播放所述音乐文件中处于所述音乐播放区间的音乐音轨；

响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条；

响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至所述视图特征码集中，生成新横排内容视图控件并为其分配所述视图特征码集中具有的视图特征码。

2.根据权利要求1所述的方法，其特征在于，获取所述横排内容视图控件的音乐文件及音乐播放区间，调用音乐播放控件播放所述音乐文件中处于所述音乐播放区间的音乐音轨，包括如下步骤：

获取所述音乐播放区间中包含的音轨起始位置及音轨结束位置；

确定出所述音乐文件的原始音乐音轨中处于所述音轨起始位置与音轨结束位置的音乐音轨；

驱动所述音乐播放控件播放所述音乐音轨。

3.根据权利要求1所述的方法，其特征在于，响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条的步骤中，包括如下步骤：

确定处于屏幕区域的横排内容视图控件的图片集具有的图片数量；

生成与所述图片数量对应数量的进度条块，且各所述进度条块与所述图片集中的图片按序绑定；

输出各所述进度条块至所述图片集播放进度控件中显示，其中，处于屏幕区域中的图片对应的进度条块为醒目显示状态。

4.根据权利要求1所述的方法，其特征在于，响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条的步骤中，包括如下步骤：

响应处于屏幕区域的横排内容视图控件的图片集播放事件，确定初始播放时间；

检测出所述初始播放时间与当前时间的时间差超过预设图片显示时长，将所述横排内容视图控件中处于屏幕区域的图片切换为其下一位置的图片；

将所述横排内容视图控件的图片集播放进度控件中为醒目显示状态的进度条块切换为静默显示状态，将所述进度条块的下一进度条块从静默显示状态切换为醒目显示状态。

5.根据权利要求1所述的方法，其特征在于，响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条的步骤后，包括如下步骤：

响应屏幕滑动事件，确定所述屏幕滑动事件对应的屏幕触控点数；

检测出所述屏幕触控点数超过预设数量，停止播放处于屏幕区域中横排内容视图控件的图片集包含的图片；

根据所述屏幕滑动事件的屏幕滑动方向，控制所述横排内容视图控件中可视图片的图片缩放。

6.根据权利要求1所述的方法，其特征在于，生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各所述横排内容视图控件分配视图特征码集具有的视图特征码，或响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至所述视图特征码集中，生成新横排内容视图控件并为其分配所述视图特征码集中具有的视图特征码的步骤中，包括如下任一步骤：

响应图片集播放页面的显示事件，获取为所述图片集播放页面所预设的横排内容视图控件生成数量，生成超过所述横排内容视图控件生成数量的数量的视图特征码存储至视图特征码集中；

响应横排内容视图控件的生成事件，从所述视图特征码集中获取视图特征码分配至所述横排内容视图控件，将所述视图特征码从所述视图特征码集中移除；

响应横排内容视图控件的销毁事件，获取所述横排内容视图控件具有的视图特征码存储至所述视图特征码集中。

7.一种图片集播放装置，其特征在于，包括：

视图控件生成模块，用于生成预设数量的横排内容视图控件输出至纵排内容视图控件，为各所述横排内容视图控件分配视图特征码集具有的视图特征码，在各所述横排内容视图控件中输出各自对应的图片集中首位图片；

图片按序输出模块，用于从处于屏幕区域的横排内容视图控件的图片集中获取预设数量的图片，将各所述图片按序输出至所述横排内容视图控件；

音乐音轨播放模块，用于获取所述横排内容视图控件的音乐文件及音乐播放区间，调用音乐播放控件播放所述音乐文件中处于所述音乐播放区间的音乐音轨；

播放进度控制模块，用于响应所述横排内容视图控件的图片切换事件，调整作用于所述横排内容视图控件的图片集播放进度控件的进度条；

视图控件销毁模块，用于响应横排内容视图控件销毁事件，回收被销毁的横排内容视图控件的视图特征码存储至所述视图特征码集中，生成新横排内容视图控件并为其分配所述视图特征码集中具有的视图特征码。

8.一种图片集播放设备，包括中央处理器和存储器，其特征在于，所述中央处理器用于调用运行存储于所述存储器中的计算机程序以执行如权利要求1至6中任意一项所述的方法的步骤。

9.一种计算机可读存储介质，其特征在于，其以计算机可读指令的形式存储有依据权利要求1至6中任意一项所述的方法所实现的计算机程序，该计算机程序被计算机调用运行时，执行相应的方法所包括的步骤。

10.一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现如权利要求1至6中任意一项所述的方法的步骤。

Images