CN116701672A - 浏览多媒体内容的方法及装置 - Google Patents

Abstract

本申请提供了一种浏览多媒体内容的方法及装置，该方案引入“一录多得”功能，即在录制视频的过程中获得精彩时刻内容，如精彩时刻照片或精彩短视频。另外，当视频录制完成后，可在图库查看到精彩时刻的照片。如，在播放界面的第一区域显示关联有精彩时刻照片的视频时，可在该播放界面的第一区域显示包含精彩时刻照片的缩略图列表，用户可以从缩略图列表中选择缩略图，播放界面的第一区域从显示第一视频(即原始视频)刷新为显示与该视频关联的精彩时刻照片。采用该方案可以方便用户查看与原始视频相关联的精彩时刻内容，从而提高了用户查看精彩时刻内容的便利性，提高了用户体验。

Description

浏览多媒体内容的方法及装置

技术领域

本申请涉及多媒体技术领域，尤其涉及一种浏览多媒体内容的方法及装置。

背景技术

随着智能终端的普及，以及智能终端的相机技术飞速发展，拍照及视频录制功能成为智能终端的必备功能。而且，用户对拍照及视频录制的需求及体验也不断增强。例如，在一些场景下，用户期望在视频录制过程中，同时捕捉到精彩瞬间照片，但目前的智能终端的相机技术无法满足此需求。

发明内容

有鉴于此，本申请提供了一种浏览多媒体内容的方法及装置，以解决上述的技术问题，其公开的技术方案如下：

第一方面，本申请提供了一种浏览多媒体内容的方法，该方法包括：响应于用户打开图库应用的操作，显示第一界面，第一界面包括第一视频的缩略图；响应于用户对第一视频的第一缩略图输入的操作，显示第一视频的播放界面，播放界面包括第一区域和第二区域，第二区域显示第一视频，第一区域包括缩略图列表，缩略图列表包括与第一视频关联的至少一张精彩时刻照片的缩略图；响应于用户在缩略图列表中选择第二缩略图的操作，在第二区域显示与第二缩略图对应的第一精彩时刻照片，且不再显示第一视频。可见，该方案在播放界面的第一区域显示关联有精彩时刻照片的视频时，可在该播放界面的第一区域显示包含精彩时刻照片的缩略图列表，用户可以从缩略图列表中选择缩略图，播放界面的第一区域从显示第一视频(即原始视频)刷新为显示与该视频关联的精彩时刻照片。提高了用户查看精彩时刻照片的便利性，提高了用户体验。

在一种可能的实现方式中，精彩时刻照片是在第一视频的录制过程中自动拍摄得到；或者，在第一视频的录制过程中，响应于用户对拍照键的触控操作，拍摄得到精彩时刻照片。

在另一种可能的实现方式中，缩略图列表中还包括第一视频的第三缩略图。这样，用户查看精彩时刻照片后可以很方便地查看原始视频，进一步提高了用户体验。

在又一种可能的实现方式中，在第二区域显示与第二缩略图对应的第一精彩时刻照片时，第一视频的第三缩略图还包括播放控件。这样，方便用户直观地从缩略图列表中识别出原始视频的缩略图，进一步提高了用户体验。

在另一种可能的实现方式中，第一区域还包括选择器，该方法还包括：响应于用户对缩略图列表的滑动操作，缩略图列表在第一区域移动，停留在选择器所在范围的缩略图为用户选择的第一缩略图。这样，用户可以直接滑动缩略图列表选择要查看的精彩时刻照片或原始视频，无需先查找再点击的操作，简化了用户的选择操作，提高了用户体验。

在又一种可能的实现方式中，响应于用户对缩略图列表的滑动操作，缩略图列表在第一区域移动包括：在检测到用户对缩略图列表的滑动操作后，确定滑动操作的滑动参数，滑动参数包括滑动速度和滑动方向；触发缩略图列表向滑动方向移动，且以与滑动速度相匹配的移动速度移动；在检测到滑动离手操作后，确定滑动离手速度；如果滑动离手速度为0，触发缩略图列表停止移动；如果滑动离手速度大于0，触发缩略图列表以滑动离手速度继续移动，直到移动速度降为0停止。

在另一种可能的实现方式中，该方法还包括：缩略图列表停止移动后，确定缩略图列表的移动位移；获取移动位移与缩略图的宽度之间的比值，并对比值进行四舍五入取整运算得到第一数值；如果第一数值等于0，确定停留在选择器所在范围内的缩略图为原始缩略图，原始缩略图是接收到滑动操作之前处于选择器所在范围内的缩略图；如果第一数值大于0，确定缩略图列表中位于原始缩略图的目标方向，且与原始缩略图间隔第一数值的缩略图为停留在选择器所在范围内的缩略图，目标方向是与滑动操作的滑动方向相反的方向。

在又一种可能的实现方式中，该方法还包括：在响应于用户的右滑操作，缩略图列表向右移动的过程中，如果缩略图列表中的第一张缩略图处于选择器所在范围内，且检测到右滑操作的滑动离手速度大于0，触发缩略图列表向左移动第一预设位移后返回至使第一张缩略图处于选择器所在范围内的位置；在响应于用户的左滑操作，缩略图列表向左移动的过程中，如果缩略图列表中的最后一张缩略图处于选择器所在范围内，且检测到左滑操作的滑动离手速度大于0，触发缩略图列表向右移动第二预设位移后返回至使最后一张缩略图处于选择器所在范围内的位置。通过以上过程呈现缩略图列表触边回弹的动效。

在另一种可能的实现方式中，该方法还包括：响应于用户对缩略图列表的点击操作，确定被点击的缩略图为用户选择的第一缩略图。

在又一种可能的实现方式中，该方法还包括：响应于用户对第一视频的第三缩略图输入的操作，第二区域显示第一视频，且第一视频的显示状态和播放进度与最近一次退出第一视频时的状态相同，显示状态包括播放状态和暂停播放状态。可见，在从显示精彩时刻照片切换回显示原始视频后，保持原状态接续播放，即自动定位于最近一次退出原始视频时对应的播放进度，提高用户体验。

在另一种可能的实现方式中，缩略图列表还包括图库应用中除第一视频之外的其他照片或视频的缩略图。这样，用户可以直接操作缩略图列表查看图库中的其他照片或视频，不需要退出原始视频再次进入图库查看其他照片或视频，减少了用户操作，提高了用户体验。

在又一种可能的实现方式中，该方法还包括：响应于用户对第二区域的滑动操作，第二区域显示图库应用中与第一视频的第一缩略图相邻的第四缩略图对应的内容。

在另一种可能的实现方式中，在第二区域显示第一视频或与第一视频关联的精彩时刻照片时，在缩略图列表中展开显示第一视频及精彩时刻照片的缩略图。这样，方便用户查看与第一视频关联的精彩时刻照片。

在又一种可能的实现方式中，在第二区域显示其他照片或视频的内容时，缩略图列表显示第一视频的第三缩略图，以及隐藏与第一视频关联的精彩时刻照片的缩略图。这样，避免精彩时刻照片的缩略图占用过多显示空间，从而使第一区域显示更多用户可能查看的缩略图，提高显示空间的利用率，同时，避免用户反复操作缩略图列表才能定位于真正想看的缩略图，减少了用户操作。

在另一种可能的实现方式中，该方法还包括：在第二区域显示第四缩略图对应的内容时，响应于用户对第二区域的滑动操作，在第二区域从第0秒开始播放第一视频，第二区域不再显示第四缩略图对应的内容。这样，当用户查看图库中的其他照片或视频后，再返回查看第一视频时，认为用户可能需要从头观看视频，避免用户调节播放进度条从头开始播放，减少了用户的操作，提高了用户体验。

在又一种可能的实现方式中，该方法还包括：在第二区域显示第一视频的内容时，第一区域还包括播放进度条，播放进度条包括暂停播放控件、静音控件及播放进度控件；暂停播放控件位于第一区域的第一边界，静音控件位于第一区域的第二边界；播放进度控件位于第一视频的第三缩略图上，且第三缩略图的宽度大于缩略图列表中其他缩略图的宽度。这样，直接在第一区域显示播放进度条，可避免在第二区域显示的播放进度条影响第二区域显示的画面，提高第一区域和第二区域的利用率。

在另一种可能的实现方式中，该方法还包括：响应于用户对第三缩略图的输入的操作，缩略图列表中展开显示第一视频的图像帧序列；响应于用户对播放进度控件输入的操作，第二区域显示播放进度控件定位的图像帧。这样，用户可以直观地根据图像帧序列中的图像调整播放进度，提高了调整播放进度的准确度。

在又一种可能的实现方式中，该方法还包括：在第二区域显示与第一视频关联的精彩时刻照片时，缩略图列表显示第一视频的第三缩略图，并隐藏第一视频的图像帧序列。这样，能够避免原始视频的图像帧序列占用缩略图列表过多空间，缩短了缩略图列表的长度，减少了用户定位其他缩略图的操作。

在另一种可能的实现方式中，该方法还包括：响应于用户对第二区域的滑动操作，显示第二界面，第二界面显示图库应用中与第一视频的第一缩略图相邻的第四缩略图的内容，且不显示缩略图列表。

在又一种可能的实现方式中，缩略图列表中每个缩略图的宽高比均是1:1；或者，第一缩略图的宽高比是第一缩略图对应的视频或照片的实际宽高比，缩略图列表中的其他缩略图的宽高比是1:1。该方案中以照片或视频的实际宽高比现实当前展示项的缩略图，可以使用户快速地从识别出当前展示项的缩略图，提高了用户体验。

在另一种可能的实现方式中，第一缩略图的高大于缩略图列表中其他缩略图的高。这样，可以使用户更快速地识别出当前展示项对应的缩略图，进一步提高了用户体验。

在又一种可能的实现方式中，第一视频的缩略图包括第一标识，第一标识用于指示第一视频与至少一张精彩时刻照片相关联。这样，便于用户直观地识别出关联有精彩时刻内容的视频，提高了此类视频的辨识度。

在另一种可能的实现方式中，第一区域位于第二区域的下方，且第二区域的面积大于第一区域的面积。

第二方面，本申请还提供了一种电子设备，电子设备包括：一个或多个处理器、存储器和触摸屏；存储器用于存储程序代码；处理器用于运行程序代码，使得电子设备实现如第一方面任一项的浏览多媒体内容的方法。

第三方面，本申请还提供了一种计算机可读存储介质，其上存储有指令，当指令在电子设备上运行时，使得电子设备执行如第一方面任一项的浏览多媒体内容的方法。

应当理解的是，本申请中对技术特征、技术方案、有益效果或类似语言的描述并不是暗示在任意的单个实施例中可以实现所有的特点和优点。相反，可以理解的是对于特征或有益效果的描述意味着在至少一个实施例中包括特定的技术特征、技术方案或有益效果。因此，本说明书中对于技术特征、技术方案或有益效果的描述并不一定是指相同的实施例。进而，还可以任何适当的方式组合本实施例中所描述的技术特征、技术方案和有益效果。本领域技术人员将会理解，无需特定实施例的一个或多个特定的技术特征、技术方案或有益效果即可实现实施例。在其他实施例中，还可在没有体现所有实施例的特定实施例中识别出额外的技术特征和有益效果。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的一种电子设备的结构示意图；

图2～图14是本申请实施例提供的进入“一录多得”相关内容查看界面的示意图；

图15是本申请实施例提供的一种横屏显示状态下的界面示意图；

图16～图18是本申请实施例提供的查看“一录多得”相关内容的界面示意图；

图19是本申请实施例提供的一种缩略图列表的界面示意图；

图20～图22是本申请实施例提供的滑动缩略图列表过程的界面示意图；

图23是本申请实施例提供的另一种缩略图列表的界面示意图；

图24～图26是本申请实施例提供的横屏显示状态下滑动缩略图时的界面示意图；

图27～图30是本申请实施例提供的滑动大图区域过程对应的一种界面示意图；

图31～图34是本申请实施例提供的滑动大图区域过程对应的另一种界面示意图；

图35是本申请实施例提供的一种视频播放界面的示意图；

图36是本申请实施例提供的另一种视频播放界面的示意图；

图37是本申请实施例提供的另一种缩略图列表的界面示意图。

具体实施方式

本申请说明书和权利要求书及附图说明中的术语“第一”、“第二”和“第三”等是用于区别不同对象，而不是用于限定特定顺序。

在本申请实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。

为了下述各实施例的描述清楚简洁，首先给出相关技术的简要介绍：

精彩时刻(magicmoment，MM)，是指视频录制过程中的一些精彩画面瞬间。例如，MM可以是最佳运动瞬间，最佳表情时刻或最佳打卡动作。可以理解，本申请对术语MM不作限定，MM也可以称作美好时刻，神奇时刻，精彩瞬间，决定性瞬间，或最佳拍摄(bestshot，BS)等。在不同的场景下，精彩时刻可以不同类型的画面瞬间。例如当录制足球比赛视频时，精彩时刻可以是射门或传球时，运动员脚与足球接触的瞬间，精彩时刻也可以是足球飞进球门的瞬间；当录制人物从地面起跳的视频时，精彩时刻可以是人物在空中最高点的瞬间，也可以是人物在空中时动作最舒展的瞬间。

一录多得，可以理解为用户使用相机应用拍摄视频时，通过一次按下“拍摄”图标，可以得到包括一张或多张精彩时刻照片、以及一段或多段精选视频的功能。

一录多得的实现过程可以是：电子设备在录像过程中自动识别精彩时刻并触发抓拍，得到精彩时刻照片(即MM照片)；在录制结束后，用户查看录制视频时可以向用户推荐MM照片以及精彩短视频(或称作精选短视频，或精彩视频，或精选视频)。例如，录制的整段完整视频为1分钟，可以得到多张(如，5张)精彩时刻照片和时长为第一预设时长(如15秒)的精彩短视频。还可以理解，一录多得也可有其他名称，比如，一键多得，一键多拍，一键出片，一键大片，AI一键大片等。

还需要说明的是，用户以手机的一录多得模式拍摄视频时，可得到拍摄的视频，以及视频中的一张或多张精彩图像之外，手机还可生成配置文件，该配置文件可包括视频的标签(TAG)。或者，手机可得到标签数据，该标签数据包括视频的标签(TAG)。并且，该标签数据可添加到视频中，通常位于视频头。

手动抓拍，在录像过程中，可同时进行手动拍照，获得期望拍摄的画面。

为了满足用户在视频录制过程中，同时捕捉到精彩瞬间照片的需求，本申请引入“一录多得”功能，即在录制视频的过程中获得精彩时刻内容，如精彩时刻照片或精彩短视频。另外，当视频录制完成时，可在图库查看到精彩时刻的照片。采用该方案可以在拍摄视频的过程中获得精彩时刻照片，以满足用户需求，而且，用户可以在图库中查看拍摄的视频及精彩时刻的照片，以方便用户查看，提高用户体验。此外，相比于随机获得录制视频中的照片，该方案获得的精彩时刻的图像质量更高，用户体验更好。

本申请实施例提供的多媒体内容浏览方法可以适用于各种电子设备，例如，可以是手机、智慧屏、平板电脑、可穿戴电子设备、车载电子设备、增强现实(augmentedreality，AR)设备、虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digitalassistant，PDA)、投影仪等等。

下文以电子设备是手机为例，图1示出了本申请实施例提供的一种电子设备的结构示意图。

电子设备可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。

其中，传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。

需要说明的是，图1所示的结构并不构成对电子设备的具体限定。在本申请另一些实施例中，电子设备可以包括比图1所示的部件更多或更少的部件，或者，电子设备可以包括图1所示的部件中某些部件的组合，或者，电子设备可以包括图1所示的部件中某些部件的子部件。图1示的部件可以以硬件、软件、或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元。例如，处理器110可以包括以下处理单元中的至少一个：应用处理器(application processor，AP)、图形处理器(graphicsprocessing unit，GPU)、图像信号处理器(image signal processor，ISP)、控制器、视频编解码器、数字信号处理器(digital signal processor，DSP)。其中，不同的处理单元可以是独立的器件，也可以是集成的器件。

控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。

电子设备可以通过GPU、显示屏194以及应用处理器实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。

显示屏194可以用于显示图像或视频。显示屏194包括显示面板。在一些实施例中，电子设备可以包括1个或N个显示屏194，N为大于1的正整数。作为一种可能的实现方式，显示屏194可用于显示精彩时刻照片以及录制的短视频等。

电子设备可以通过ISP、摄像头193、视频编解码器、GPU、显示屏194以及应用处理器等实现拍摄功能。

ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP可以对图像的噪点、亮度和色彩进行算法优化，ISP还可以优化拍摄场景的曝光和色温等参数。在一些实施例中，ISP可以设置在摄像头193中。

摄像头193用于捕获静态图像或视频。在一些实施例中，电子设备可以包括1个或N个摄像头193，N为大于1的正整数。在本申请实施例中，处理器110可基于摄像头193录制的视频流，确定视频流中的精彩时刻MM，并在确定出MM时，调用摄像头193自动触发拍照。ISP和DSP可对精彩时刻MM的图像信号进行处理，以得到精彩时刻的图像。

数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。

视频编解码器用于对数字视频压缩或解压缩。

内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能(例如，声音播放功能和图像播放功能)所需的应用程序。存储数据区可存储电子设备使用过程中所创建的数据(例如，音频数据和电话本)。处理器110通过运行存储在内部存储器121的指令和/或存储在设置于处理器中的存储器的指令，执行电子设备的各种处理方法。

本申请将以电子设备是手机，手机中安装相机应用为例，详细介绍本申请提供的多媒体内容浏览方法。

在本申请的一些实施例中，用户可以手动开启或关闭本申请实施例提供的“一录多得”功能。当然，在其他实施例中，系统默认开启“一录多得”功能，用户可以手动关闭此功能。

下面将结合图2～图6介绍“一录多得”功能的入口。

示例性的，用户可以通过触摸手机屏幕上特定的控件、按压特定的物理按键或按键组合、输入语音、隔空手势等方式，指示手机开启相机应用。响应于用户开启相机的指示，手机启动相机应用，显示拍摄界面。

在一示例性实施例中，例如，如图2所示，用户可以在手机的桌面上点击“相机”应用图标101，指示手机启动相机应用，此时，手机显示如图3所示的拍摄界面。

在其他示例性实施例中，在手机处于锁屏状态或运行其他应用时，用户还可以通过其他方式，控制手机开启相机应用，使得手机显示图3所示的拍摄界面，此处不再一一详述。

如图3所示，相机应用的拍摄界面可以包括取景框102、拍照控件、拍照控件、录像控件以及其他功能控件(比如，人像功能控件、夜景功能控件或更多其他控件)。用户点击录像控件后，相机应用开启录像模式，手机可以显示图4所示的视频拍摄界面。用户点击视频拍摄界面的“设置”控件103，进入图5所示的相机设置界面。

如图5所示，相机设置界面显示有开启/关闭“一录多得”的控件104，用于开启或关闭“一录多得”功能。图5所示的控件104的状态表示开启“一录多得”功能的。

此外，相机系统可以默认开启控件104，即默认开启“一录多得”功能，如果用户不需要使用“一录多得”功能，可以手动点击控件104关闭“一录多得”功能。

用户开启“一录多得”功能后，相机应用处于录像模式时，自动在录制视频时智能识别精彩时刻，识别到精彩时刻内容后自动生成精彩照片。其中，录制的视频可以称为原始视频。此外，在原始视频大于第二预设时长(如，15s)，且识别到精彩时刻内容的情况下，还可以基于精彩时刻内容及原始视频自动生成短视频，生成的短视频可以称为精彩短视频(或称为精选短视频，或精彩视频，或精选视频)。

可以理解，图5所示的相机设置界面也可以包括其他关于录像设置的控件，比如，视频分辨率的设置控件、视频帧率的设置控件等。图5所示的控件只是示例性描述，本申请实施例并不限制相机设置界面所显示的内容项。

上述图5所示的视频分辨率的设置控件可用于选择视频的分辨率。比如，视频分辨率可选择3840*2160(超高清4K)、1920*1080(1080p全高清)、1280*720(720P高清)等。应理解，视频分辨率的选项取决于手机的具体配置。

另外，图5所示的相机设置界面还可以包括关于拍照设置的控件，比如，照片比例的设置控件、手势拍照的设置控件、笑脸抓拍的设置控件等。

用户点击图4所示的录像键，进入视频拍摄界面。在一示例性实施例中，视频拍摄界面如图6所示。图6所示为视频录制过程中的一个画面(如第01秒的画面)，该界面包括暂停键105、停止键106以及拍照键107。

在录像过程中，用户可以点击拍照键107手动抓拍照片。在录像过程中，用户可以点击暂停键105暂停录制过程。用户可以点击停止键106结束录制过程，获得拍摄的视频。

以上介绍了一种触发手机开启“一录多得”功能的方式，本申请不限于在录像模式开启“一录多得”。在本申请的其他示例性实施例中，用户开启“一录多得”功能可以有其他方式。例如，“一录多得”作为一种新增的模式，用户可以在相机应用中选择进入“一录多得”模式。又如，用户可以在设置菜单中设置手机的录像模式是“一录多得”模式。

用户在开启“一录多得”功能后，用户录制的原始视频，以及与该原始视频相关的“一录多得”内容(如，精彩时刻的照片或短视频)可以在图库中查看。

下面结合图7～图15介绍用户进入图库查看原始视频及关联的“一录多得”内容的入口。

在一示例性实施例中，如图7所示，用户可以在手机桌面上点击“图库”应用的图标201，控制手机启动图库应用，此时，手机显示图8所示的“照片”页签界面。

在其他示例性实施例中，用户还可以通过触摸手机屏幕上特定的控件、按压特定的物理按键或按键组合、输入语音、隔空手势等方式，控制手机开启图库应用。图库应用也可以称为相册、照片等。

图8所示的“照片”页签界面中，显示用户利用手机的相机应用拍摄的照片及视频的缩略图。例如，手机可按照时间顺序在“照片”页签界面中显示照片及视频的缩略图。

为了方便户区分普通视频和关联有“一录多得”内容的视频，可以在图库中显示的关联有“一录多得”内容的视频对应的缩略图上显示特定标识。

在一示例性实施例中，如图8所示，视频202的缩略图(即第一缩略图)除展示录制的原始视频的预览图，还包括AI标识203，该AI标识表示该视频存在相关联的“一录多得”内容(如，精彩时刻照片、精彩短视频)。例如，AI标识203用于标识视频202是在“一录多得”模式下录制得到的。当视频202的缩略图上包含AI标识203时，说明在录制视频202时还得到了与视频202关联的照片或视频等。

可以理解，图8所示的AI标识203仅是本申请实施例的一个示例，还可以采用其他标识标记此类关联有“一录多得”内容的视频，本申请对AI标识的具体形式不做限定。

如图8所示的“照片”页签界面中，还可以包括普通照片和普通视频的缩略图，其中，普通照片是指通过触摸拍照键拍摄得到的照片，如拍照模式中的拍照键，或录像模式中的拍照键。普通视频是指没有关联的“一录多得”内容的视频，例如，未开启“一录多得”功能的场景下拍摄的视频，或开启“一录多得”功能，但未识别到精彩时刻照片或录制时长小于第二预设时长。

图8所示的视频202的缩略图与普通照片和普通视频的缩略图，大小可以不同，也可以相同，本申请实施例对此不做限定。

此外，图8所示的“照片”页签界面中还可以包括搜索栏的控件、相册的控件、时刻的控件和发现的控件。

当用户查看关联有“一录多得”内容的视频时，如用户点击图8中视频202的缩略图，手机进入视频播放界面。如图9所示，整个界面由上至下依次包括A、B、C、D四个区域，其中，区域B的面积最大，A、C、D三个区域的面积均较小。此外，区域A可以与区域B的部分区域重叠，此处不再赘述。

区域A位于整个界面的顶部，包括状态栏和标题栏，其中，状态栏位于区域A的顶部，状态栏用于展示手机的当前状态，例如，蜂窝网络信号质量标识、无线网络信号质量标识、实时时间等信息。标题栏可以展示拍摄视频的时间、地点、详情控件212和返回上一级控件213等内容。

其中，状态栏是手机中的不同应用程序通用的状态显示栏，例如，手机的不同应用程序的显示界面都可以包括状态栏且显示的内容不变。此外，状态栏是可选显示项，如应用的显示界面可以不包括状态栏，但通常包括标题栏。状态栏和标题栏可以隐藏，例如，用户点击区域B的任意位置后，可以隐藏状态栏和标题栏。区域B是展示视频/照片的大图区域，如区域B播放用户点击的视频202时可以按照视频202的原始拍摄比例或拍摄像素播放。

区域C用于展示缩略图列表中的至少部分缩略图。该缩略图列表可以包括录制的原始视频及获得的多张(如5张)精彩时刻照片的缩略图，或者，缩略图列表可以只包括多张精彩照片的缩略图，不包括原始视频的缩略图。

本申请实施例对获得的精彩时刻照片的数量不做限定，例如，录制的原始视频的时长越长，或原始视频中出现的精彩时刻的场景较多，则获得的精彩照片的数量可能越多；录制的原始视频的时长越短，或原始视频中出现的精彩时刻的场景较少，则获得的精彩照片的数量可能越少。

在一种可能的实现方式中，缩略图列表中的缩略图按照从左向右的顺序依次排列。如图9所示，区域C展示的缩略图206是原始视频的缩略图(可称为第二缩略图)，缩略图207～209分别是精彩时刻照片的缩略图。

本申请实施例不限定精彩时刻照片的数量，例如，可以是1张或多张(如5张)。由于区域C的显示面积有限，所显示的缩略图的数量有限，如图9所示的示例中，手机处于竖屏显示状态，仅展示了原始视频的缩略图以及两张精彩时刻照片的缩略图。可以理解，区域C所展示的缩略图的数量与缩略图本身的大小，以及手机屏幕的宽度有关，本申请并不限定区域C所显示的缩略图的数量。

在一种可能的实现方式中，区域C中所示的多张精彩时刻照片对应的缩略图，按照拍摄时刻由早到晚的顺序从左向右依次排列。例如，如图9所示，缩略图207对应的拍摄时刻早于缩略图208对应的拍摄时刻，缩略图208对应的拍摄时刻早于缩略图209对应的拍摄时刻，以此类推，此处不再一一详述。当然，精彩时刻照片的缩略图也可以按照其他方式排列，如按照拍摄时刻由晚到早的顺序依次排列，本申请不限定精彩时刻照片的缩略图的排序方式。

此外，区域B当前展示的视频或照片可以称为当前展示项，区域C中与当前展示项对应的缩略图的外围还包括一个略大于缩略图大小的定位框205。换言之，定位框205用于指示该缩略图对应的照片或视频是区域B的当前展示项。定位框205也可称为选择器。

采用定位框205指示当前展示项仅是本申请实施例提供的一个示例，在其他实施例中，还可以其他方式指示当前展示项，例如，当前展示项的缩略图的上方或下方显示一三角形选择器，且三角形选择器的一个角指向当前展示项的缩略图。本申请对指示当前展示项的具体方式不作限定。

区域D位于整个界面的底部，可以展示针对当前展示项的操作控件，如分享控件、收藏控件、编辑控件、删除控件和“更多”控件。此外，区域D展示的内容可以隐藏，如用户点击区域B的任意位置后，可以隐藏区域D显示的内容。

在一示例性实施例中，如果用户首次查看关联有“一录多得”内容的视频，为了引导和提醒用户该视频包括“一录多得”内容，可以在区域C上方显示引导框204(或称为气泡提示框)，提示内容可以是：“一录多得”为您智能抓拍多个精彩瞬间。换言之，引导框204用于告知用户区域C包括“一录多得”内容。

在另一示例性实施例中，为了更好地引导和提醒用户该视频包括“一录多得”内容，可以在区域A、区域B和区域D上覆盖具有一定透明度的蒙版图层(或称为蒙层)，如灰色蒙层。蒙层的透明度可以根据实际需求设定，如20％～80％，本申请对蒙层的透明度不做限制。区域C不覆盖蒙层，以便凸显引导框204和区域C。

图9所示的气泡提示框、蒙层的提示方式仅是本申请实施例提供的一个示例，在本申请的其他实施例中，还可以采用其他提示方式，本申请对此不作限定。

可以理解，为了避免提醒次数较多打扰用户正常使用，如果用户不是首次查看关联有“一录多得”内容的视频，不再引导和提醒用户，如不展示图9所示的引导框204和蒙层。例如，在用户首次查看了一个关联有“一录多得”内容的视频A之后，用户又查看另一个未查看过且关联有“一录多得”内容的视频B，此时不再显示引导框和蒙层。

可以理解，在显示引导框204和蒙层的状态下，区域B展示的视频不会自动播放。当引导框204和蒙层消失后，区域B展示的视频可以自动播放。例如，用户可以点击图9所示界面的任意位置后，引导框204和蒙层消失；或者，用户点击被蒙层覆盖区域的任意位置后，引导框204和蒙层消失；或者，引导框204和蒙层显示预设时长(例如，10s)后自动消失。本申请对使引导框和蒙层消失的具体方式不作限定。

以上介绍了一种从图库应用的“照片”页签查看关联有“一录多得”内容的视频及“一录多得”内容的方式，此外，用户还可以从图库应用中的“相册”页签查看原始视频及关联的“一录多得”内容。

例如，用户可以点击图8所示界面中的“相册”页签，进入图10所示的相册界面。

如图10所示，相册界面包括图库中的各个相册，如“相机”相册301、“所有照片”相册302、“视频”相册303。

如果用户点击图10所示的“相机”相册301，进入“相机”相册的界面，“相机”相册中展示利用相机应用拍摄的视频和照片的缩略图。

如图11所示，“相机”相册的界面中包括照片、照片304、视频202、照片305等照片/视频的缩略图。其中，“相机”相册中的照片和视频的缩略图按照拍摄时刻由晚到早依次排列，拍摄时刻最晚(或称为拍摄时刻最新)的照片或视频排在界面中最靠前的位置(即靠近界面左上角的位置)。如，图11中照片304对应的拍摄时刻晚于视频202的拍摄时刻，视频202对应的拍摄时刻晚于照片305的拍摄时刻，依次类推。

如图11所示，视频202的缩略图上包括AI标识203，即视频202关联有的“一录多得”内容，如照片或视频等。如果用户首次查看包含AI标识的视频，则进入图12所示的界面，图12所示的界面与图9所示的界面相同，此处不再赘述。

在其他示例性实施例中，如果用户点击图10所示界面中的“所有照片”相册302，进入“所有照片”相册的界面。前已叙及，“所有照片”相册302中包括利用相机应用拍摄的视频，即如果用户开启“一录多得”功能后拍摄得到了关联有“一录多得”内容的视频，则如果用户首次查看“所有照片”相册界面上包含AI标识的视频，手机会从“所有照片”相册的界面跳转至图12所示的界面。

同理，如果用户利用相机应用拍摄得到了关联有“一录多得”内容的视频，则在图10所示界面中的“视频”相册303中也会显示此类视频，如果用户首次查看包含AI标识的视频，手机会从“视频”相册的界面跳转至图12所示的界面。

此外，如果用户将关联有“一录多得”内容的视频移动到其他相册，则用户可以从该其他相册查看到该视频，此处不再赘述。

需要说明的是，图10和图11所示的界面仅是示例，本申请对图10及图11所示界面的视图不作限定。为了方便画图，图10中的各个相册的封面缩略图的大小均相同，即各个相册的显示大小相同，实际使用时，不同相册的尺寸可以不同，排列方式也不局限于图10所示的方式。此外，图11所示的“相机”相册的显示界面中，一行包括两个视频或照片的缩略图，实际使用时，一行可以包括更多个(如4个)视频或照片的缩略图，本申请实施例对此不做限定。

在又一示例性实施例中，在拍摄界面上设置有图库应用的入口，该入口处可以展示上一次拍摄完成的视频或照片的缩略图。如图13所示，拍摄界面上的图库应用的入口即预览图401，预览图401用于显示上一次拍摄完成的视频或照片的缩略图。

如果用户在开启“一录多得”功能后，结束本次录制，进而，手机可获得关联有“一录多得”内容的视频。此时，手机可以在图13所示的预览图401显示录制的原始视频的缩略图。如果用户通过点击预览图401首次查看关联有“一录多得”内容的视频，则手机会显示图14所示的界面，其中，图14所示的界面与图9所示的界面相同，此处不再赘述。

此外，如图9所示，手机处于竖屏显示状态时，区域C的面积较小，所能显示的内容有限，各个缩略图的宽高比可以采用1:1，换言之，区域C中的每张缩略图都是正方形图像。这样，区域C可以展示较多的缩略图，用户无需反复操作即可查看到全部缩略图，提高了用户体验。

在另一示例中，手机处于竖屏显示状态时，区域C中当前展示项的缩略图的宽高比也可以采用视频/照片的实际宽高比，其他缩略图的宽高比采用1:1。此外，为了进一步凸显缩略图列表中的当前展示项的缩略图，当前展示项的缩略图的大小可以略大于其他缩略图，即当前展示项的缩略图呈现放大效果。

在另一种场景下，手机处于横屏显示状态，如图15所示，区域501用于播放视频或精彩时刻照片。区域502用于显示视频及精彩时刻照片的缩略图。手机处于横屏状态时，区域502的面积较大，所能显示的内容较多。因此，区域502中的当前展示项对应的缩略图的宽高比可以采用实际宽高比例，其他缩略图的宽高比均为1:1。其中，照片的宽高比可以包括3:4，1:1、全屏等，视频的宽高比可以包括16:9、21:9、全屏等。

例如，如图15所示，区域501显示的当前展示项是缩略图206对应的视频(如图8中的视频202)，换言之，定位框205位于缩略图206的四周。如果视频202的拍摄时的宽高比为16:9，则缩略图206的宽高比也是16:9，而精彩时刻照片的缩略图207～211的宽高比均是1:1，即正方形。此外，当前展示项的缩略图略大于其他缩略图，即当前展示项的缩略图呈现放大效果。

以上内容介绍了用户首次查看关联有“一录多得”内容的视频时，引导和提醒用户查看“一录多得”内容的过程。下面将结合图16～图19介绍用户查看原始视频和“一录多得”内容的过程。

在一示例性实施例中，用户点击视频播放界面中被蒙层覆盖的任意区域后，气泡引导框和蒙层消失，并自动播放视频。

例如，如图16所示，如果用户触摸(或点击)被蒙层覆盖的区域A、B、D中的任意位置，手机显示图17所示的界面，蒙层和引导框204消失。同时，区域B可自动播放关联有“一录多得”内容的视频，即缩略图206对应的视频。如图17所示，区域B播放视频时，区域C所显示的内容及状态不会发生变化。

在另一示例性实施例中，蒙层和引导框204消失后，区域B的视频可以默认处于暂停播放状态，即，在区域B显示的视频上显示播放控件，用户可以手动点击播放控件后，才播放视频。

如图17所示，区域B还包括播放进度条402和“AI一键大片”控件401。其中，“AI一键大片”控件401是生成精彩短视频的入口。例如，如果用户点击控件401，则进入精彩短视频的播放界面。

如图17所示，播放进度条402显示视频时长为56秒，当前播放进度为0秒。播放进度条也可以称为播放滑动条，用户可以拖动滑动条调整播放进度。播放进度条402还可以包括音量控制器4021。本申请实施例对播放进度条展示的内容并不限定。

在一种可能的实现方式中，考虑到用户当前所处环境可能并不适合播放视频，为了避免视频播放的声音对用户造成干扰，自动播放视频时可以默认静音播放，用户需点击音量控制器4021恢复视频播放声音。音量控制器4021也可称为静音按钮或静音控件。

此外，如果用户点击图17中区域D所示的控件，则进入针对当前展示项的相应操作的界面，例如，如果用户点击图17中的“编辑”控件，则进入当前播放视频的编辑界面，又如，如果用户点击图17中的“分享”控件，则进入当前播放视频的分享界面。

在另一示例性实施例中，引导框和蒙层消失后，用户再对区域C的缩略图进行操作时，手机才会响应该操作。

如果用户直接点击区域C中的某一个缩略图，则被点击的缩略图是当前展示项，区域B直接展示当前展示项对应的照片。如果用户左右滑动区域C的缩略图列表，则缩略图跟随左右移动。手机可比较手指在屏幕上的移动距离与相应阈值之间的大小关系，确定当前展示项。

例如，用户先点击图16所示界面的任意位置，引导框204和蒙层消失，以及，自动播放原始视频。此后，如果用户点击(或滑动)图17所示的缩略图区域(即区域C)的缩略图，则定位框205定位于被点击或滑动定位的缩略图(如缩略图207)，则在区域B显示缩略图207对应的照片，即，显示如图18所示的界面。

在又一示例性实施例中，在显示引导框和蒙层的显示状态下，如果用户直接点击或滑动区域C中的缩略图列表，引导框和蒙层消失，以及，在视频或照片展示区域(即区域B)直接展示用户点击或滑动定位的照片或视频。

如图16所示，如果用户向左滑动区域C的缩略图列表，引导框204和蒙层消失，以及，根据手指在屏幕上的滑动位移确定当前展示项。

在一示例中，例如，滑动位移大于第一阈值(如缩略图边长的一半)，则确定当前展示项由缩略图206对应的视频或照片切换为下一张缩略图(即缩略图207)对应的照片，则将定位框205定位在缩略图207，区域B显示缩略图207对应的照片，即手机显示图18所示的界面。

在另一示例中，例如，当检测到滑动离手操作且缩略图列表停止移动后，确定缩略图列表的移动位移；可以根据滑动操作的滑动位移确定缩略图列表的移动位移。然后，计算移动位移与缩略图的宽度之间的比值，并对比值进行四舍五入取整运算得到第一数值。

如果第一数值等于0，确定停留在所述选择器所在范围内的缩略图为原始缩略图，其中，原始缩略图是接收到滑动操作之前处于选择器所在范围内的缩略图；例如，在接收到本次的滑动操作之前选择器定位在缩略图206的位置处，缩略图206即原始缩略图。

如果第一数值大于0，确定缩略图列表中位于所述原始缩略图的目标方向，且与原始缩略图间隔第一数值的缩略图为新的缩略图，目标方向是与滑动操作的滑动方向相反的方向。例如，移动位移与缩略图宽度的比值为1.5，则四舍五入取整后的第一数值为2。原始缩略图为缩略图206，且滑动操作为左滑操作，新的缩略图是缩略图206的右侧且与缩略图206间隔两个缩略图宽度的缩略图209。

在一种可能的实现方式中，定位框205在区域C中的位置相对固定，通过滑动操作移动缩略图列表的位置，实现定位框205中定位于不同的缩略图。

在一示例中，如图18所示，定位框205的位置固定在手机屏幕的宽度方向的中间位置。或者，定位框205的位置固定在区域C中靠近手机左边框的位置，即区域C中最左侧的位置处。当然，定位框205还可以固定在区域C中的其他位置，本申请实施例对此不作限定。

在另一种可能的实现方式中，定位框205在区域C中的位置不固定，即缩略图和定位框205的位置都可以移动。此种实现方式中，区域C中所显示的缩略图可以从区域C的最左侧开始依次排列。用户左右滑动缩略图列表时，根据手指在屏幕上的滑动位移，以及用户进行滑动操作之前定位框205所定位的缩略图，确定当前展示项。

在一种场景下，新的当前展示项的缩略图已经显示在区域C中，此种场景下，缩略图列表无需跟随滑动方向移动，只需将定位框205移动到新的当前展示项上即可。

例如，定位框205定位于缩略图列表中的第一张缩略图(如图19中的缩略图206)时，如果用户向左滑动缩略图列表，此时定位框205向右移动，如果当定位框205停止在缩略图211位置处用户停止滑动，即如图19所示，定位框205停留在缩略图211上，也即缩略图211对应的照片为新的当前展示项。

在另一种场景下，新的当前展示项的缩略图未显示在区域C中，此种场景下，缩略图列表需跟随滑动方向移动，以便新的当前展示项显示在区域C中。进一步，根据滑动位移确定是否需要移动定位框205。

如果缩略图列表移动后，定位框205恰好定位于新的当前展示项的位置处，则无需移动定位框205。如果缩略图列表移动后，定位框205未定位于新的当前展示项的位置，则将定位框205移动至新的当前展示项对应的位置处。

用户通过滑动或点击区域C的缩略图列表，直接切换区域B展示的对象。在区域B展示“一录多得”内容时，如果用户点击缩略图列表中的缩略图206(即原始视频的缩略图)，区域B将切换至播放原始视频的界面。比如，用户从图17所示的界面切换至图18所示的界面，若用户在图18所示的界面点击原始视频对应的缩略图206，则切换回图17所示的界面。而且，切换回展示原始视频时，保持最近一次退出播放原始视频的原状态。例如，如果从播放原始视频切换至显示精彩时刻照片时，原始视频处于播放状态，则从显示精彩时刻照片切换回播放原始视频时，直接进入播放状态，且接续退出播放时的播放进度继续播放。如原始视频播放到第12秒时切换至显示精彩时刻照片，则切换回播放原始视频时，从第12秒处继续播放。又如，如果从播放原始视频切换至显示精彩时刻照片时，原始视频处于暂停状态，则从显示精彩时刻照片切换回播放原始视频时，且暂停播放的进度与原播放进度保持一致。原播放进度是指从原始视频的展示状态切换至精彩照片的展示状态时的原始视频的播放进度。

前已叙及，在用户滑动区域C的缩略图列表，缩略图列表跟随移动的场景下，用户的滑动速度不同，缩略图列表跟随移动的位移也不同。

下面将结合图20～图22介绍不同用户滑动缩略图列表的速度不同，缩略图列表跟随移动的过程。

如果用户手指滑动区域C的缩略图列表(例如向左滑动区域C的缩略图列表)，手机可检测手指离开屏幕时的速度(即滑动离手速度)。若滑动离手速度为0，说明当前滑动操作是慢速滑动操作(或称为慢滑操作)，手机可根据手指在屏幕上的滑动位移确定缩略图列表是复位还是定位至新的缩略图。若滑动离手速度大于0，说明当前滑动操作是快速滑动操作(或称为快滑操作)，缩略图列表会继承滑动离手速度继续滑动。直到缩略图列表的滑动速度降为0，或者，缩略图列表中的最后一张缩略图处于定位框的位置处。

在一示例中，用户左右滑动缩略图列表的过程中，定位框205中的缩略图不断切换，相应地，区域B显示的照片也会实时刷新为定位框205中的缩略图。

例如，如图20所示，用户向左滑动缩略图列表，且滑动离手速度为0，此时，如果检测到滑动位移小于第一阈值(如缩略图大小的一半)，则确定缩略图复位。当手指向左滑动时，如图21所示，缩略图列表会跟随向左移动。但手指离开屏幕后，缩略图列表又回到滑动前的初始位置，即回到图20所示的界面，定位框205仍定位在缩略图206的位置，换言之当前展示项未更新。

又如，如图20所示，用户向左滑动缩略图列表，如果滑动位移较大，如图22所示，缩略图列表中的第一个缩略图206可能滑出区域C的左边界位置，直到滑动速度降为0，此时，处于定位框205中的缩略图即当前展示项的缩略图，同时，滑动过程中区域B展示的照片会跟随定位框205中的缩略图实时刷新。

此外，在一示例中，当定位框205处于缩略图列表的左边界(即缩略图列表中的第一张缩略图，如图20中的缩略图206)时，如果用户继续向右滑动缩略图列表(例如，向右滑动速度大，缩略图206已经滑至定位框205，但右滑速度仍大于0)，此时，由于定位框已经处于缩略图列表的左边界，无法继续滑动，待用户停止滑动后，缩略图列表会向相反的方向(即向左)滑动一段位移后再返回至使缩略图206处于定位框205中的位置，即呈现触边反弹的动效。同理，当定位框205定位于缩略图列表的右边界(即缩略图列表中的最后一张缩略图，如图22中的缩略图211)时，如果用户继续向左滑动缩略图列表，此时也会呈现触边反弹的动效，此处不再赘述。

在另一示例中，在大图区域(即区域B)展示精彩时刻照片的场景下，为了方便用户直观地识别出原始视频对应的缩略图并查收原始视频，可以在原始视频的缩略图上增加播放控件。例如，如图23所示，区域B当前显示缩略图207对应的照片，区域C中缩略图206上还包括播放控件2061，用户通过播放控件2061可以直观地、准确地识别出原始视频。进一步，用户可以直接点击播放控件2061，使得区域B切换至自动播放原始视频的界面。其中，可以是从头开始播放视频，或者，也可以是接续最近一次退出该视频时的播放进度继续播放。

在另一示例性实施例中，手机处于横屏显示状态时当前展示项的缩略图采用照片或视频的实际宽高比显示，而其他缩略图的宽高比采用1:1显示。

如图24所示，当前展示项是缩略图206对应的视频，缩略图206的宽高比采用原始视频的实际宽高比，如16:9，其他缩略图采用1:1的宽高比。

用户向左滑动图24所示的缩略图列表，如图25所示，整个缩略图列表向左移动，而且处于定位框205中的缩略图的宽高比为该缩略图对应照片的实际宽高比。又如，如果滑动操作结束时，定位框205定位于缩略图211，则缩略图211的宽高比采用缩略图对应照片的实际宽高比，例如，该照片的实际拍摄比例为16:9，则如图26所示，缩略图211的宽高比为16:9。

而且，在滑动过程中，大图区域501实时刷新为当前位于定位框205中的缩略图(如图25所示的缩略图207或图26中缩略图211)对应的照片。

此外，横屏显示状态下，“分享”、“收藏”、“编辑”、“删除”、“更多”、“详情”等可操作控件可位于屏幕的右上角，如图24～图26所示。当然，这些可操作控件也可以设置在其他位置，本申请对此不作限定。

其中，横屏显示状态下，滑动过程中缩略图列表的移动效果与竖屏显示下的移动效果相同，此处不再赘述。

以上内容介绍了用户滑动缩略图列表的显示效果，此外，用户还可以对展示视频或照片的大图区域(即区域B)进行滑动操作。例如，手机显示视频所关联的精彩时刻照片的界面时，如果用户向左滑动大图区域(即区域B)，切换至显示图库应用中与该视频相邻的下一张照片(或视频)。

下面将结合图27～图30介绍用户滑动大图区域时显示界面的变化情况。

下面以图库应用中的照片页签为例说明，如图27所示，在照片页签中，视频202的缩略图包括AI标识，表明该视频202关联有“一录多得”内容。视频202的下一个对象是照片305。用户点击视频202后，进入如图28所示的视频的播放界面。如果用户点击图28中的缩略图207，则进入如图29所示的界面，即大图区域(即，区域B)显示缩略图207对应的照片，而不再显示视频202的视频内容及“一键大片”控件。

如果用户在图29的区域B进行向左滑动的操作，手机进入如图30所示的界面，即进入普通照片显示界面，如图30所示，大图区域显示照片305。而且，与图29所示界面相比，该界面不包含显示“一录多得”内容对应的缩略图列表的区域，即区域C。

如果用户在图30所示的区域B上进行向右滑动的操作，手机切换至照片305的上一个视频的播放界面，即切换回如图28所示的视频202的播放界面。在一些实施例中，切换回如图28所示的视频202的播放界面后，视频202可重置为从头开始播放。或者，保持最近一次退出视频202的原状态，如处于暂定播放状态且保持最近一次退出视频202时的播放进度，或者，从最近一次退出视频202时的播放进度继续播放。

在本申请的其他实施例中，如果视频202存在上一张照片，此种情况下，如果用户在图29的区域B向右滑动后，手机显示视频202的上一张照片，界面的变化情况与上述的向左滑动的过程相似，此处不再详述。

此外，图29仅是以在大图区域显示缩略图207对应的精彩时刻照片为例进行说明，可以理解，当显示缩略图列表中的任意一张精彩时刻照片时，在大图区域进行向左(或向右)滑动操作，都可以切换至视频202的下一张照片/视频(或上一张照片/视频)。此外，在图28所示的显示视频202的大图区域，进行左滑操作(或右滑操作)，手机也可以切换至视频202的下一张照片(或上一张照片)，换言之，在显示原始视频的大图区域进行左滑/右滑操作，手机显示界面的切换效果与显示精彩时刻照片的大图区域的左滑/右滑操作的切换效果相同，此处不再赘述。

以上示例，如图28和图29所示，区域C显示的缩略图列表仅包括视频202，以及视频202对应的精彩时刻照片的缩略图。在另一种可能的实现方式中，区域C中所显示的缩略图不仅包括与“一录多得”相关内容的缩略图，还包括图库中的其他照片或视频的缩略图。下面将结合图31～图33介绍此部分的过程。

如图31所示，图库应用中，视频202是包含“一录多得”内容的视频，且照片304是视频202的上一张照片，照片305是视频202的下一张照片。

如果用户点击图31中的视频202进入图32所示的界面。如果用户点击图32所示的缩略图207后，进入图33所示的界面。

如图32和33所示，区域C除显示视频202关联的精彩时刻照片的缩略图之外，还可以显示图库应用中其他照片/视频的缩略图，即区域C可以显示图库应用中各照片/视频的缩略图，如图中缩略图206是视频202的缩略图，缩略图207～209是视频202对应的精彩时刻照片的缩略图，缩略图601是视频202的上一张照片(即照片304)的缩略图。

如果用户在图33所示界面的区域B进行左滑操作，进入图34所示的界面，区域B切换至显示视频202的下一张照片，即照片305。如果用户在图34的区域B进行右滑操作，区域B切换至显示照片305的上一个照片/视频，即返回至图32所示的播放视频202的界面。

在一示例中，如果当前展示项是关联有“一录多得”内容的视频或该视频对应的“一录多得”内容，在缩略图区域(即区域C)展开显示关联有“一录多得”内容的视频及该视频对应的“一录多得”内容的缩略图。例如，如图32和33所示，在区域C展开显示视频202及该视频关联的精彩时刻照片的缩略图。

如果当前展示项是普通照片或普通视频(例如图34中区域B展示的照片305)，可在缩略图区域仅显示原始视频对应的缩略图(例如缩略图206)，不再展示“一录多得”内容对应的缩略图(例如缩略图207、缩略图208或缩略图209等)。以及，缩略图区域中正常展示普通照片和普通视频的缩略图。换言之，此种情况下，大图区域下方的缩略图区域所显示的缩略图的数量和顺序与图库中的缩略图相同。

这样，在没有展示“一录多得”内容的场景下，避免“一录多得”内容的缩略图占用过多的显示空间，从而使有限的显示区域内显示更多用户可能查看的缩略图，提高了用户体验。此外，能够保证区域C中显示的缩略图与图库应用中的缩略图顺序一致。

此外，本申请实施例上述的用户对区域C的缩略图列表的操作及显示界面的切换效果，同样适用于图32～图34所示的实施例，换言之，用户也可以对图32～图34中区域C显示的缩略图列表进行点击或左右滑动操作，以切换欲在区域B显示的视频或照片，界面的切换效果与缩略图列表中不包含图库中其它照片或视频的实施例相似，此处不再赘述。

在又一示例中，在播放关联有“一录多得”内容的原始视频时，区域B不显示播放进度条，如图35所示，在区域C的中显示播放进度条。

如图35所示，播放进度条包括位于区域C的左边界的暂停播放控件701，位于区域C右边界的静音控件702，以及原始视频的缩略图上的播放进度控件703。其中，静音控件701也可称为静音按钮或音量控制器。

此种场景下，为了能够清晰地显示视频播放进度，如图35所示，原始视频对应缩略图的宽度大于其他缩略图的宽度。随着视频的播放进度变化，播放进度控件703在缩略图上的位置会左右移动。

如果用户点击图35中的缩略图206，进入图36所示的界面，在区域C中展开显示原始视频的图像帧序列，该图像帧序列包括原始视频中按时间由早到晚的顺序排列的多张图像帧。如图36所示，缩略图801～803均为原始视频中的图像帧。

可以理解，图36仅示出了视频图像帧序列中的3个图像帧，实际视频的图像帧序列中包括多张(如十几张到几十张甚至更多)图像帧，随着用户左右滑动图像帧序列，更多的图像帧可以显示在区域C中。这样，用户可以直接根据视频中的图像帧准确调整视频的播放进度，提高进度调整的准确度。

在区域B显示精彩时刻照片时，例如，用户点击图35中的精彩时刻照片的缩略图(如缩略图207)，进入图37所示的界面，选择器2051定位于缩略图207上方，区域B显示缩略图207对应的照片。区域C不再显示播放进度条，也不再展开显示原始视频的图像帧序列，仅在区域C显示缩略图206，并在缩略图206上还显示播放控件2061。图37中的播放控件2061与图23中的播放控件2061的显示策略及功能相同，此处不再赘述。

此外，用户左右滑动大图区域(即区域B)，区域B对应的显示效果与上述的图32～图34的效果相同，如，左右滑动区域B，区域B显示图库应用中与原始视频相邻的下/上一张照片。

在一示例中，当区域B显示图库应用中的普通照片或视频(如图34中区域B展示的照片305)时，区域C可以仅显示原始视频的缩略图(如缩略图206)，不再展开显示原始视频的图像帧序列及关联的“一录多得”内容的缩略图(如缩略图207、缩略图208或缩略图209等)。

此外，图35和图36所示的播放进度条，也可以应用于图27～图30所示的场景中，该场景下，区域C仅显示原始视频及关联的“一录多得”内容的缩略图，不显示图库应用中其他照片和视频的缩略图，此种场景下，播放进度条的显示效果与图35和图36所示的示例相似，此处不再赘述。

通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本实施例所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本实施例各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何在本申请揭露的技术范围内的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (25)

1.一种浏览多媒体内容的方法，其特征在于，应用于电子设备，所述方法包括：

响应于用户打开图库应用的操作，显示第一界面，所述第一界面包括第一视频的第一缩略图；

响应于用户对所述第一缩略图输入的操作，显示所述第一视频的播放界面，所述播放界面包括第一区域和第二区域，所述第二区域显示所述第一视频，所述第一区域包括缩略图列表，所述缩略图列表包括与所述第一视频关联的至少一张精彩时刻照片的缩略图；

响应于用户在所述缩略图列表中选择第二缩略图的操作，在所述第二区域显示与所述第二缩略图对应的第一精彩时刻照片，且不再显示所述第一视频。

2.根据权利要求1所述的方法，其特征在于，所述精彩时刻照片是在所述第一视频的录制过程中自动拍摄得到；

或者，在所述第一视频的录制过程中，响应于用户对拍照键的触控操作，拍摄得到所述精彩时刻照片。

3.根据权利要求1或2所述的方法，其特征在于，所述缩略图列表中还包括所述第一视频的第三缩略图。

4.根据权利要求3所述的方法，其特征在于，在所述第二区域显示与所述第二缩略图对应的第一精彩时刻照片时，所述第一视频的第三缩略图还包括播放控件。

5.根据权利要求1-4任一项所述的方法，其特征在于，所述第一区域还包括选择器，所述方法还包括：

响应于用户对所述缩略图列表的滑动操作，所述缩略图列表在所述第一区域移动，停留在所述选择器所在范围的缩略图为用户选择的所述第一缩略图。

6.根据权利要求5所述的方法，其特征在于，所述响应于用户对所述缩略图列表的滑动操作，所述缩略图列表在所述第一区域移动包括：

在检测到用户对所述缩略图列表的滑动操作后，确定所述滑动操作的滑动参数，所述滑动参数包括滑动速度和滑动方向；

触发所述缩略图列表向所述滑动方向移动，且以与所述滑动速度相匹配的移动速度移动；

在检测到滑动离手操作后，确定滑动离手速度；

如果所述滑动离手速度为0，触发所述缩略图列表停止移动；

如果所述滑动离手速度大于0，触发所述缩略图列表以所述滑动离手速度继续移动，直到移动速度降为0停止。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

所述缩略图列表停止移动后，确定所述缩略图列表的移动位移；

获取所述移动位移与所述缩略图的宽度之间的比值，并对所述比值进行四舍五入取整运算得到第一数值；

如果所述第一数值等于0，确定停留在所述选择器所在范围内的缩略图为原始缩略图，所述原始缩略图是接收到所述滑动操作之前处于所述选择器所在范围内的缩略图；

如果所述第一数值大于0，确定所述缩略图列表中位于所述原始缩略图的目标方向，且与所述原始缩略图间隔所述第一数值的缩略图为停留在所述选择器所在范围内的缩略图，所述目标方向是与所述滑动操作的滑动方向相反的方向。

8.根据权利要求6或7所述的方法，其特征在于，所述方法还包括：

在响应于用户的右滑操作，所述缩略图列表向右移动的过程中，如果所述缩略图列表中的第一张缩略图处于所述选择器所在范围内，且检测到右滑操作的滑动离手速度大于0，触发所述缩略图列表向左移动第一预设位移后返回至使所述第一张缩略图处于所述选择器所在范围内的位置；

在响应于用户的左滑操作，所述缩略图列表向左移动的过程中，如果所述缩略图列表中的最后一张缩略图处于所述选择器所在范围内，且检测到左滑操作的滑动离手速度大于0，触发所述缩略图列表向右移动第二预设位移后返回至使所述最后一张缩略图处于所述选择器所在范围内的位置。

9.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于用户对所述缩略图列表的点击操作，确定被点击的缩略图为用户选择的所述第一缩略图。

10.根据权利要求3-9任一项所述的方法，其特征在于，所述方法还包括：

响应于用户对所述第一视频的第三缩略图输入的操作，所述第二区域显示所述第一视频，且所述第一视频的显示状态和播放进度与最近一次退出所述第一视频时的状态相同，所述显示状态包括播放状态和暂停播放状态。

11.根据权利要求1-10任一项所述的方法，其特征在于，所述缩略图列表还包括所述图库应用中除所述第一视频之外的其他照片或视频的缩略图。

12.根据权利要求11所述的方法，其特征在于，所述方法还包括：

响应于用户对所述第二区域的滑动操作，所述第二区域显示所述图库应用中与所述第一视频的第一缩略图相邻的第四缩略图对应的内容。

13.根据权利要求12所述的方法，其特征在于，在所述第二区域显示所述第一视频或与所述第一视频关联的精彩时刻照片时，在所述缩略图列表中展开显示所述第一视频及所述精彩时刻照片的缩略图。

14.根据权利要求12或13所述的方法，其特征在于，在所述第二区域显示所述其他照片或视频的内容时，所述缩略图列表显示所述第一视频的第三缩略图，以及隐藏与所述第一视频关联的精彩时刻照片的缩略图。

15.根据权利要求13所述的方法，其特征在于，所述方法还包括：

在所述第二区域显示所述第四缩略图对应的内容时，响应于用户对所述第二区域的滑动操作，在所述第二区域从第0秒开始播放所述第一视频，所述第二区域不再显示所述第四缩略图对应的内容。

16.根据权利要求1-15任一项所述的方法，其特征在于，所述方法还包括：

在所述第二区域显示所述第一视频的内容时，所述第一区域还包括播放进度条，所述播放进度条包括暂停播放控件、静音控件及播放进度控件；

所述暂停播放控件位于所述第一区域的第一边界，所述静音控件位于所述第一区域的第二边界；

所述播放进度控件位于所述第一视频的第三缩略图上，且所述第三缩略图的宽度大于所述缩略图列表中其他缩略图的宽度。

17.根据权利要求16所述的方法，其特征在于，所述方法还包括：

响应于用户对所述第三缩略图的输入的操作，所述缩略图列表中展开显示所述第一视频的图像帧序列；

响应于用户对所述播放进度控件输入的操作，所述第二区域显示所述播放进度控件定位的图像帧。

18.根据权利要求17所述的方法，其特征在于，所述方法还包括：

在所述第二区域显示与所述第一视频关联的精彩时刻照片时，所述缩略图列表显示所述第一视频的第三缩略图，并隐藏所述第一视频的图像帧序列。

19.根据权利要求1-15任一项所述的方法，其特征在于，所述方法还包括：

响应于用户对所述第二区域的滑动操作，显示第二界面，所述第二界面显示所述图库应用中与所述第一视频的第一缩略图相邻的第四缩略图的内容，且不显示所述缩略图列表。

20.根据权利要求1-19任一项所述的方法，其特征在于，所述缩略图列表中每个缩略图的宽高比均是1:1；

或者，

所述第一缩略图的宽高比是所述第一缩略图对应的视频或照片的实际宽高比，所述缩略图列表中的其他缩略图的宽高比是1:1。

21.根据权利要求19所述的方法，其特征在于，所述第一缩略图的高大于所述缩略图列表中其他缩略图的高。

22.根据权利要求1所述的方法，其特征在于，所述第一视频的缩略图包括第一标识，所述第一标识用于指示所述第一视频与至少一张精彩时刻照片相关联。

23.根据权利要求1所述的方法，其特征在于，所述第一区域位于所述第二区域的下方，且所述第二区域的面积大于所述第一区域的面积。

24.一种电子设备，其特征在于，所述电子设备包括：一个或多个处理器、存储器和触摸屏；所述存储器用于存储程序代码；所述处理器用于运行所述程序代码，使得所述电子设备实现如权利要求1至23任一项所述的浏览多媒体内容的方法。

25.一种计算机可读存储介质，其特征在于，其上存储有指令，当所述指令在电子设备上运行时，使得所述电子设备执行如权利要求1至23任一项所述的浏览多媒体内容的方法。