CN112540713B - 视频预览进度条缩放方法、系统、设备及存储介质 - Google Patents

视频预览进度条缩放方法、系统、设备及存储介质 Download PDF

Info

Publication number
CN112540713B
CN112540713B CN202011272406.7A CN202011272406A CN112540713B CN 112540713 B CN112540713 B CN 112540713B CN 202011272406 A CN202011272406 A CN 202011272406A CN 112540713 B CN112540713 B CN 112540713B
Authority
CN
China
Prior art keywords
progress bar
video preview
preview progress
thumbnail
video
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
Application number
CN202011272406.7A
Other languages
English (en)
Other versions
CN112540713A (zh
Inventor
黄超明
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Bigo Technology Singapore Pte Ltd
Original Assignee
Guangzhou Baiguoyuan Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Baiguoyuan Information Technology Co Ltd filed Critical Guangzhou Baiguoyuan Information Technology Co Ltd
Priority to CN202011272406.7A priority Critical patent/CN112540713B/zh
Publication of CN112540713A publication Critical patent/CN112540713A/zh
Application granted granted Critical
Publication of CN112540713B publication Critical patent/CN112540713B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning
    • G06F3/04855Interaction with scrollbars
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0486Drag-and-drop
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47205End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47217End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks

Abstract

本申请实施例公开了视频预览进度条缩放方法、系统、设备及存储介质。本申请实施例提供的技术方案,通过实时检测第一视频预览进度条的缩放操作,响应于缩放操作,计算第一视频预览进度条缩放后的长度信息,基于长度信息重新绘制第一视频预览进度条,得到对应的第二视频预览进度条,并基于缩略图宽度与第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应第二视频预览进度条进行显示。采用上述技术手段,可以进行视频预览进度条的缩放,通过重取缩略图增加视频预览细节,提升视频裁剪精度。

Description

视频预览进度条缩放方法、系统、设备及存储介质
技术领域
本申请实施例涉及计算机技术领域,尤其涉及视频预览进度条缩放方法、系统、设备及存储介质。
背景技术
目前,在视频剪辑应用中,通常会提供一个视频缩略图预览的进度条以供用户选择视频剪辑的节点。其中,视频缩略图预览进度条在进行显示时,通过定义视频时长与进度条宽度的对应关系,以及每张缩略图占据宽度,并计算出视频缩略图个数。再根据视频总时长计算出取缩略图的时间间隔,按照时间间隔取视频缩放图,并按顺序平铺在进度条中。以此形式显示的视频预览进度条,可以在视频裁剪时提供用户一定的心理预期,让用户能够选择控制视频裁剪的位置,进而完成视频裁剪。
但是,现有的视频预览进度条在进行显示时,其缩略图与缩略图之间省略的画面信息相对较多,用户能够预览到的视频细节相对较少,依此进度条进行视频裁剪时,难以精确地控制视频裁剪的位置,其视频裁剪精度相对较低。
发明内容
本申请实施例提供视频预览进度条缩放方法、系统、设备及存储介质,能够进行视频预览进度条的缩放,增加视频预览细节,提升视频裁剪精度,并且能够提升进度条缩放检测精度,保障缩放过程的流畅度,并实现缩略图的快速显示。
在第一方面,本申请实施例提供了一种视频预览进度条缩放方法,包括:
实时检测第一视频预览进度条的缩放操作;
响应于所述缩放操作,计算所述第一视频预览进度条缩放后的长度信息,基于所述长度信息重新绘制所述第一视频预览进度条,得到对应的第二视频预览进度条;
基于缩略图宽度与所述第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应所述第二视频预览进度条进行显示。
进一步的,计算所述第一视频预览进度条缩放后的长度信息,包括:
确定所述缩放操作对应的缩放倍数;
基于所述缩放倍数和所述第一视频预览进度条的原始长度计算所述第一视频预览进度条缩放后的长度信息。
进一步的,确定所述缩放操作对应的缩放倍数包括:
确定所述缩放操作开始时两个屏幕触点的第一距离以及所述缩放操作结束时两个屏幕触点的第二距离,基于所述第一距离和所述第二距离确定所述缩放倍数。
进一步的,基于所述长度信息重新绘制所述第一视频预览进度条,还包括:
确定所述缩放操作对应所述第一视频预览进度条的触控位置,以所述触控位置作为显示中心重新绘制所述第一视频预览进度条。
进一步的,响应于所述缩放操作,包括:
每隔设定时间段对所述缩放操作进行一次响应。
进一步的,实时检测第一视频预览进度条的缩放操作,包括:
接收触控操作,判断所述触控操作是否为对应所述第一视频预览进度条的两点触控,若是,在检测到所述触控操作对应触控的两个屏幕触点发生移动时,确定所述触控操作为所述第一视频预览进度条的所述缩放操作。
进一步的,在检测到所述触控操作对应触控的两个屏幕触点发生移动时,确定所述触控操作为所述第一视频预览进度条的所述缩放操作之后,还包括:
检测到所述触控操作对应触控的两个屏幕触点的距离小于设定距离阈值时,判定所述缩放操作结束。
进一步的,在检测到所述触控操作对应触控的两个屏幕触点发生移动时,确定所述触控操作为所述第一视频预览进度条的所述缩放操作之后,还包括:
基于两个屏幕触点的实时移动距离判断所述缩放操作对应的缩放倍数是否达到设定的缩放倍数阈值,若是,判定所述缩放操作结束。
进一步的,基于缩略图宽度与所述第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应所述第二视频预览进度条进行显示,包括:
基于缩略图宽度与所述第二视频预览进度条的对应关系确定缩略图的提取数量;
根据所述提取数量以及当前视频的时长确定缩略图的提取间隔,基于所述提取数量和所述提取间隔从缓存中提取对应时间戳的缩略图并对应所述第二视频预览进度条进行显示。
进一步的,基于所述提取数量和所述提取间隔从缓存中提取对应时间戳的缩略图并对应所述第二视频预览进度条进行显示,还包括:
若所述缓存中未包含对应时间戳的缩略图,从提取的多个缩略图中选择时间戳相邻的缩略图作为临时缩略图,以所述临时缩略图进行替代显示。
进一步的,从提取的多个缩略图中选择时间戳相邻的缩略图作为临时缩略图,以所述临时缩略图进行替代显示之后,还包括:
所述缓存加载对应时间戳的缩略图,从所述缓存中提取对应时间戳的缩略图替换所述临时缩略图进行显示。
在第二方面,本申请实施例提供了一种视频预览进度条缩放系统,包括:
检测模块,用于实时检测第一视频预览进度条的缩放操作;
缩放模块,用于响应所述缩放操作,计算所述第一视频预览进度条缩放后的长度信息,基于所述长度信息重新绘制所述第一视频预览进度条,得到对应的第二视频预览进度条;
显示模块,用于基于缩略图宽度与所述第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应所述第二视频预览进度条进行显示。
在第三方面,本申请实施例提供了一种电子设备,包括:
存储器以及一个或多个处理器;
所述存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如第一方面所述的视频预览进度条缩放方法。
在第四方面,本申请实施例提供了一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如第一方面所述的视频预览进度条缩放方法。
本申请实施例通过实时检测第一视频预览进度条的缩放操作,响应于缩放操作,计算第一视频预览进度条缩放后的长度信息,基于长度信息重新绘制第一视频预览进度条,得到对应的第二视频预览进度条,并基于缩略图宽度与第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应第二视频预览进度条进行显示。采用上述技术手段,可以进行视频预览进度条的缩放,通过重取缩略图增加视频预览细节,提升视频裁剪精度。
此外,本申请实施例通过精确计算视频预览进度条的放大倍数,提升进度条缩放检测精度。通过每隔设定时间段对缩放操作进行响应,可以提升缩放过程的流畅度。并通过相邻时间戳的缩略图替代显示,可以实现重取缩略图的快速显示。
附图说明
图1是本申请实施例一提供的一种视频预览进度条缩放方法的流程图;
图2是本申请实施例一中的缩放操作检测流程图;
图3是本申请实施例一中的缩放操作响应流程图;
图4是本申请实施例一中的进度条长度计算流程图;
图5是本申请实施例一中重取缩略图的流程图;
图6是本申请实施例一中视频预览进度条的初始状态示意图;
图7是本申请实施例一中视频预览进度条的放大示意图;
图8是本申请实施例一中缩略图替代显示的流程图;
图9是本申请实施例一中的缩略图替代显示示意图;
图10是本申请实施例二提供的一种视频预览进度条缩放系统的结构示意图;
图11是本申请实施例三提供的一种电子设备的结构示意图。
具体实施方式
为了使本申请的目的、技术方案和优点更加清楚,下面结合附图对本申请具体实施例作进一步的详细描述。可以理解的是,此处所描述的具体实施例仅仅用于解释本申请,而非对本申请的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本申请相关的部分而非全部内容。在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理,但是其中的许多操作可以被并行地、并发地或者同时实施。此外,各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止,但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
本申请提供的提供的视频预览进度条缩放方法,旨在通过对用户的缩放操作的检测及响应,将进度条进行缩放处理,以通过缩略图的重取来增加视频预览的显示细节,以此来提升视频剪辑时的裁剪精度。对于传统的视频剪辑方法,其虽然提供了视频预览进度条以便于用户选择视频裁剪位置,但由于屏幕界面宽度有限,其显示的缩略图无法较好的展示视频预览细节,以此进行视频剪辑,难以达到较好的裁剪效果。并且,在视频时长越长的情况下,视频预览进度条上各个缩略图显示的视频预览细节会越来越少,难以满足视频剪辑的精确裁剪需求。基于此,提供本申请实施例的一种视频预览进度条缩放方法,以解决视频预览进度条预览细节显示问题。
实施例一:
图1给出了本申请实施例一提供的一种视频预览进度条缩放方法的流程图,本实施例中提供的视频预览进度条缩放方法可以由视频预览进度条缩放设备执行,该视频预览进度条缩放设备可以通过软件和/或硬件的方式实现,该视频预览进度条缩放设备可以是两个或多个物理实体构成,也可以是一个物理实体构成。一般而言,该视频预览进度条缩放设备可以是手机,平板,电脑等智能终端设备。
下述以视频预览进度条缩放设备为执行视频预览进度条缩放方法的主体为例,进行描述。参照图1,该视频预览进度条缩放方法具体包括:
S110、实时检测第一视频预览进度条的缩放操作。
本申请实施例中,通过预定义的缩放操作触发视频预览进度条缩放事件的处理,在响应缩放操作处理对应的缩放事件时,通过对该缩放操作进行实时检测,当检测到当前用户的触控操作为预定义的缩放操作时,则触发对该缩放操作的响应。
具体的,参照图2,提供进度条缩放操作的检测流程图。其中,在进行缩放操作时,通过接收触控操作,判断所述触控操作是否为对应所述第一视频预览进度条的两点触控,若是,在检测到所述触控操作对应触控的两个屏幕触点发生移动时,确定所述触控操作为所述第一视频预览进度条的所述缩放操作。本申请实施例中,定义初始状态的视频预览进度条为第一视频预览进度条,对于第一视频预览进度条进行缩放后的进度条,定义为第二视频预览进度条。示例性的,在视频剪辑时,屏幕显示第一视频预览进度条及对应的缩略图,此时屏幕对第一视频预览进度条的触控操作进行实时检测,当检测到触控操作作用于该第一视频预览进度条时,判断该触控操作是否为预定义的缩放操作。本申请实施例中,预定义的缩放操作定义为用户双指触控第一视频预览进度条,滑动展开或者收合的操作。则基于这一预定义的缩放操作,当检测到触控操作作用于该第一视频预览进度条时,判断该触控操作是否是对应第一视频预览进度条的两点触控,即判断用户是否双指触控第一视频预览进度条。若是,则进一步判断是否发生双指移动,若否,则有其他的触控操作处理逻辑处理该处理操作。进一步的,在判断是否发生双指移动时,通过判断该触控操作对应触控的两个屏幕触点发生移动时,判定当前双指操作产生了滑动轨迹,则确定该触控操作为第一视频预览进度的缩放操作。
进一步的,在检测到缩放操作之后,当检测到所述触控操作对应触控的两个屏幕触点的距离小于设定距离阈值时,判定所述缩放操作结束。根据用户的使用习惯,当双指收缩滑动到小于设定距离阈值时,此时已然达到双指间的距离限制,无法进一步收缩滑动,则基于这一用户使用习惯,判定该缩放操作结束,以此可便于缩放倍数的确定。
此外,在一个实施例中,基于两个屏幕触点的实时移动距离判断所述缩放操作对应的缩放倍数是否达到设定的缩放倍数阈值,若是,判定所述缩放操作结束。本申请实施例中,根据用户双指收放滑动距离来确定第一视频预览进度条的缩放倍数。而为了避免第一视频预览进度条过长或者过短,需要限制第一视频预览进度条的缩放倍数在一个合理的范围内。当缩放倍数达到设定的缩放倍数阈值时,则判定该缩放操作结束。例如,设定进度条的最小长度为第一视频预览进度条的原始长度,即最小缩放倍数为1倍。设定第一视频预览进度条的最大长度为原始长度的10倍,即最大缩放倍数为10倍。当检测到当前缩放操作对应的缩放倍数达到该最大缩放倍数或者最小缩放倍数,则判定该缩放操作结束。需要说明的是,在一些实施例中还可以预定义其他相关的触控操作作为第一视频预览进度条的缩放操作,如双击进度条、长按进度条等方式作为预定义的第一视频预览进度条缩放操作。预定义第一视频预览进度条缩放操作的方式有很多,本申请实施例在此不做固定限制。
S120、响应于所述缩放操作,计算所述第一视频预览进度条缩放后的长度信息,基于所述长度信息重新绘制所述第一视频预览进度条,得到对应的第二视频预览进度条。
参照图3,提供缩放操作的响应流程图。通过响应于该缩放操作,进行对应第一视频预览进度条缩放事件的处理。通过计算第一视频预览进度条的缩放倍数确定第一视频预览进度条缩放后的长度信息,以此进行第一视频预览进度条的重新绘制,得到第二视频预览进度条。
其中,参照图4,第一视频预览进度条缩放后的长度信息计算流程包括:
S1201、确定所述缩放操作对应的缩放倍数;
S1202、基于所述缩放倍数和所述第一视频预览进度条的原始长度计算所述第一视频预览进度条缩放后的长度信息。
具体的,在确定当前缩放操作的缩放倍数时,通过确定所述缩放操作开始时两个屏幕触点的第一距离以及所述缩放操作结束时两个屏幕触点的第二距离,基于所述第一距离和所述第二距离确定所述缩放倍数。通过确定用户双指展开或收缩滑动的滑动轨迹,基于该滑动轨迹即可确定用户缩放操作的滑动距离。进一步的,通过预先设定滑动距离与第一视频预览进度条缩放倍数的映射关系,当确定用户双指滑动的距离之后,即可根据预设定的上述映射关系确定当前第一视频预览进度条的缩放倍数。并且,需要说明的是,由于预先设定了第一视频预览进度条的缩放倍数阈值,当确定缩放操作的缩放倍数达到设定阈值时,则以对应的缩放倍数阈值(即最大缩放倍数和最小缩放倍数)作为当前缩放操作对第一视频预览进度条的缩放倍数。
进一步的,基于已确定的缩放倍数,本申请实施例对应进行第一视频预览进度条的重新绘制,得到该第二视频预览进度条。可以理解的是,基于缩放倍数和第一视频预览进度条的原始长度,则第二视频预览进度条的长度信息应当为“原始长度*缩放倍数”。并且,需要说明的是,一般而言,第一视频预览进度条的原始长度应当与当前屏幕界面的宽度对应,即第一视频预览进度条以原始长度进行显示时,可以在显示界面上完整地显示整个第一视频预览进度条。而由于第二视频预览进度条对应放大了相应的缩放倍数,此时第二视频预览进度条是无法完整的显示在显示界面的,则在重新绘制第二视频预览进度条时,只显示第二视频预览进度条的一部分。
具体的,当显示第二视频预览进度条的部分时,通过确定所述缩放操作对应所述第一视频预览进度条的触控位置,以所述触控位置作为显示中心重新绘制所述第一视频预览进度条。通过用户缩放操作时所触控的位置,以该位置作为第二视频预览进度条的显示中心。可以理解的是,根据用户的操作习惯,用户缩放第一视频预览进度条的触控位置,通常为用户需要增减缩略图预览数量的具体位置,则通过以这一触控位置作为显示中心重新绘制第二视频预览进度条,后续根据二视频预览进度条重取缩略图进行显示时,可以提供对应位置缩略图的增减显示效果,以此来优化用户的操作体验,便于用户查看对应视频预览位置的细节。
此外,本申请实施例在对缩放操作进行响应处理缩放事件时,每隔设定时间段对所述缩放操作进行一次响应。通过在双指缩放操作过程中,每隔设定时间段(30ms~40ms)响应一次当前检测到的缩放操作,处理一次缩放事件。以此可以提高进度条重绘的频率,使得每次缩放事件前后进度条的长度变化更小,避免进度条变化过大导致的视觉反差,达到平滑流畅显示的效果。可以理解的是,由于设定时间段内用户的缩放操作还未结束,则在处理完以一次缩放事件后,以上一缩放操作响应结束的节点重新检测缩放操作并对缩放操作进行响应,再次进行一次缩放事件的处理,依此类推,直至完成当前用户缩放操作的响应。
S130、基于缩略图宽度与所述第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应所述第二视频预览进度条进行显示。
进一步的,基于上述步骤S120重新绘制的第二视频预览进度条,进一步进行缩略图的重取操作。其中,根据缩略图宽度与第二视频预览进度条的对应关系进行缩略图的提取。
具体的,参照图5,重取缩略图的流程包括:
S1301、基于缩略图宽度与所述第二视频预览进度条的对应关系确定缩略图的提取数量;
S1302、根据所述提取数量以及当前视频的时长确定缩略图的提取间隔,基于所述提取数量和所述提取间隔从缓存中提取对应时间戳的缩略图并对应所述第二视频预览进度条进行显示。
可以理解的是,在初始状态,缩略图平铺在第一视频预览进度条上。一般而言,缩略图宽度与第一视频预览进度条的长度直接对应,即第一视频预览进度条的长度/缩略图宽度=缩略图数量。则对于第二视频预览进度条,根据其对应的缩放倍数,即可确定第二视频预览进度条需要重取的缩略图数量。
进一步的,缩略图重取采用在当前视频的所有缩略图中间隔提取。根据当前视频的时长以及缩略图的提取数量,两者相除即可确定提取间隔。例如,当前视频时长为50S,缩略图提取数量为10张,则缩略图的提取间隔为5S。基于该时间间隔即可对应在当前视频所有依照时间戳排序的缩略图中确定要重取的缩略图的时间戳,进而进行缩略图的对应提取,将提取到的缩略图渲染显示于当前屏幕界面上。需要说明的是,由于第二视频预览进度条在屏幕显示界面上只显示一部分,则在缩略图渲染显示时,只需要提取对应第二视频预览进度条显示在屏幕界面上的部分缩略图进行渲染显示。一般而言,根据用户缩放操作对应的触控位置,以该触控位置作为显示中心显示第二视频预览进度条的部分,进而根据这部分第二视频预览进度条的时间戳,对相应的缩略图进行渲染显示。
示例性的,参照图6-图7,提供视频预览进度条的初始状态示意图以及视频预览进度条的放大示意图,其中,如图6所示,在初始状态下,以第一视频预览进度条显示对应的各个缩略图,此时显示当前视频“10S、20S、30S、40S和50S”对应时间戳的缩略图。进一步的,当用户对第一视频预览进度条进行缩放操作时,假设用户触控操作的触控中心为对应第一视频预览进度条的“10S”处,缩放操作的放大倍数为2倍。则通过缩放倍数确定提取间隔(5S),并重取缩略图,基于触控中心(10S处)进行缩略图显示,得到如图7所示的视频预览进度条的放大示意图,以此完成进度条缩放,缩略图的重取显示。
更具体的,本申请实施例中,缩略图一般从系统缓存中进行提取。缓存会根据当前视频数据提取各个对应时间戳的缩略图,以便于缩略图的重取及渲染显示。而如若所述缓存中未包含对应时间戳的缩略图,则从提取的多个缩略图中选择时间戳相邻的缩略图作为临时缩略图,以所述临时缩略图进行替代显示。
具体的,参照图8,提供本申请缩略图替代显示的流程图。其中,在进行缩略图重取时,首先判断缓存中是否有要重取的缩略图,若有,则直接从缓存中重取对应时间戳的缩略图进行显示。若缓存中不存在对应时间戳的缩略图,则通过确定当前缓存中缺少的对应缩略图的时间戳,并从已经重取的缩略图中,查找是否有与该时间戳相邻的时间戳所对应的缩略图。若有,则选择时间戳相邻的缩略图作为临时缩略图进行替代显示。若无,则需要缓存加载对应时间戳的缩略图,进一步从缓存中提取该缩略图进行渲染显示,以此完成缩略图的重取。可以理解的是,当缓存中不存在对应时间戳的缩略图时,通过确定时间戳相邻的缩略图作为临时缩略图进行替代显示,可以实现缩略图重取后的快速显示,避免缓存加载缩略图时间过长导致对应位置的缩略图出现显示空白的情况,以此可以优化用户的视觉体验。
示例性的,参照图9,在以临时缩略图进行替代显示时,如图9所示,其中,对应时间戳“15S”和“25S”的缩略图没有预先加载在缓存中,则为了快速显示缩略图。从已经重取的时间戳为“0S”、“10S”和“20S”的缩略图中,分别确定时间戳“10S”和“20S”为时间戳相邻的缩略图,则以时间戳为“10S”和“20S”的缩略图作为临时缩略图,对应当前第二视频预览进度条上,时间戳“15S”和“25S”的缩略图位置进行替代显示,以此来实现缩略图的快速显示。
在此之后,在确定缺少哪一个时间戳的缩略图时,所述缓存加载对应时间戳的缩略图,从所述缓存中提取对应时间戳的缩略图替换所述临时缩略图进行显示。可以理解的是,当缓存加载完对应时间戳的缩略图之后,为了确保缩略图的精准显示,则需要将临时进行替代显示的临时缩略图替换成已经加载到缓存的对应缩略图,以便于根据各个缩略图精准确定裁剪位置,实现较好的视频裁剪效果。
另一方面,基于重新绘制的第二视频预览进度条,在一个实施例中,通过检测作用于所述第二视频预览进度条的预定义移动操作,基于所述预定义移动操作移动所述进度条,并从所述缓存中提取对应的缩略图进行显示。具体的,该预定义移动操作可以是长按第二视频预览进度条左右拖动的手势操作,屏幕界面通过检测对应的屏幕参数,确定该预定义的移动操作,进而对该第二视频预览进度条进行左右移动。可以理解的是,通过左右移动进度条,出触发对应位置缩略图渲染显示。由于第二视频预览进度条经放大后相对较长,屏幕界面无法显示整个第二视频预览进度条。则通过提供第二视频预览进度条的移动操作,以便于用户查看第二视频预览进度条上对应各个位置的缩略图预览细节。进一步优化用户的视频裁剪精度及视频预览体验。
上述,通过实时检测第一视频预览进度条的缩放操作,响应于缩放操作,计算第一视频预览进度条缩放后的长度信息,基于长度信息重新绘制第一视频预览进度条,得到对应的第二视频预览进度条,并基于缩略图宽度与第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应第二视频预览进度条进行显示。采用上述技术手段,可以进行视频预览进度条的缩放,通过重取缩略图增加视频预览细节,提升视频裁剪精度。
此外,本申请实施例通过精确计算视频预览进度条的放大倍数,提升进度条缩放检测精度。通过每隔设定时间段对缩放操作进行响应,可以提升缩放过程的流畅度。并通过相邻时间戳的缩略图替代显示,可以实现重取缩略图的快速显示。
实施例二:
在上述实施例的基础上,图10为本申请实施例二提供的一种视频预览进度条缩放系统的结构示意图。参考图10,本实施例提供的视频预览进度条缩放系统具体包括:检测模块21、缩放模块22和显示模块23。
其中,检测模块21用于实时检测第一视频预览进度条的缩放操作;
缩放模块22用于响应所述缩放操作,计算所述第一视频预览进度条缩放后的长度信息,基于所述长度信息重新绘制所述第一视频预览进度条,得到对应的第二视频预览进度条;
显示模块23用于基于缩略图宽度与所述第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应所述第二视频预览进度条进行显示。
上述,通过实时检测第一视频预览进度条的缩放操作,响应于缩放操作,计算第一视频预览进度条缩放后的长度信息,基于长度信息重新绘制第一视频预览进度条,得到对应的第二视频预览进度条,并基于缩略图宽度与第二视频预览进度条的对应关系,重新提取当前视频的缩略图并对应第二视频预览进度条进行显示。采用上述技术手段,可以进行视频预览进度条的缩放,通过重取缩略图增加视频预览细节,提升视频裁剪精度。
本申请实施例二提供的视频预览进度条缩放装系统可以用于执行上述实施例一提供的视频预览进度条缩放方法,具备相应的功能和有益效果。
实施例三:
本申请实施例四提供了一种电子设备,参照图11,该电子设备包括:处理器31、存储器32、通信模块33、输入装置34及输出装置35。存储器32作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本申请任意实施例所述的图片预览滑动处理方法对应的程序指令/模块(例如,视频预览进度条缩放系统的检测模块、缩放模块和显示模块)。通信模块33用于进行数据传输。处理器31通过运行存储在存储器中的软件程序、指令以及模块,从而执行设备的各种功能应用以及数据处理,即实现上述的图片预览滑动处理方法。输入装置34可用于接收输入的数字或字符信息,以及产生与设备的用户设置以及功能控制有关的键信号输入。输出装置35可包括显示屏等显示设备。上述提供的电子设备可用于执行上述实施例一提供的视频预览进度条缩放方法,具备相应的功能和有益效果。
实施例四:
本申请实施例还提供一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行上述一种视频预览进度条缩放方法,存储介质可以是任何的各种类型的存储器设备或存储设备。当然,本申请实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的视频预览进度条缩放方法,还可以执行本申请任意实施例所提供的视频预览进度条缩放方法中的相关操作。
上述仅为本申请的较佳实施例及所运用的技术原理。本申请不限于这里所述的特定实施例,对本领域技术人员来说能够进行的各种明显变化、重新调整及替代均不会脱离本申请的保护范围。因此,虽然通过以上实施例对本申请进行了较为详细的说明,但是本申请不仅仅限于以上实施例,在不脱离本申请构思的情况下,还可以包括更多其他等效实施例,而本申请的范围由权利要求的范围决定。

Claims (13)

1.一种视频预览进度条缩放方法,其特征在于,包括:
实时检测第一视频预览进度条的缩放操作,所述第一视频预览进度条由平铺的多个缩略图组成;
响应于所述缩放操作,计算所述第一视频预览进度条缩放后的长度信息,以增减缩略图的数量,其中,包括确定所述缩放操作对应的缩放倍数,基于所述缩放倍数和所述第一视频预览进度条的原始长度的乘积计算得到所述第一视频预览进度条缩放后的长度信息,所述原始长度与当前屏幕界面的宽度对应;
基于所述长度信息重新绘制所述第一视频预览进度条,得到对应的第二视频预览进度条;
基于缩略图宽度与所述第二视频预览进度条的对应关系,在当前视频的所有缩略图中重新提取当前视频的缩略图并对所述第二视频预览进度条进行显示。
2.根据权利要求1所述的视频预览进度条缩放方法,其特征在于,确定所述缩放操作对应的缩放倍数包括:
确定所述缩放操作开始时两个屏幕触点的第一距离以及所述缩放操作结束时两个屏幕触点的第二距离,基于所述第一距离和所述第二距离确定所述缩放倍数。
3.根据权利要求1所述的视频预览进度条缩放方法,其特征在于,基于所述长度信息重新绘制所述第一视频预览进度条,还包括:
确定所述缩放操作对应所述第一视频预览进度条的触控位置,以所述触控位置作为显示中心重新绘制所述第一视频预览进度条。
4.根据权利要求1所述的视频预览进度条缩放方法,其特征在于,响应于所述缩放操作,包括:
每隔设定时间段对所述缩放操作进行一次响应。
5.根据权利要求1所述的视频预览进度条缩放方法,其特征在于,实时检测第一视频预览进度条的缩放操作,包括:
接收触控操作,判断所述触控操作是否为对应所述第一视频预览进度条的两点触控,若是,在检测到所述触控操作对应触控的两个屏幕触点发生移动时,确定所述触控操作为所述第一视频预览进度条的所述缩放操作。
6.根据权利要求5所述的视频预览进度条缩放方法,其特征在于,在检测到所述触控操作对应触控的两个屏幕触点发生移动时,确定所述触控操作为所述第一视频预览进度条的所述缩放操作之后,还包括:
检测到所述触控操作对应触控的两个屏幕触点的距离小于设定距离阈值时,判定所述缩放操作结束。
7.根据权利要求5所述的视频预览进度条缩放方法,其特征在于,在检测到所述触控操作对应触控的两个屏幕触点发生移动时,确定所述触控操作为所述第一视频预览进度条的所述缩放操作之后,还包括:
基于两个屏幕触点的实时移动距离判断所述缩放操作对应的缩放倍数是否达到设定的缩放倍数阈值,若是,判定所述缩放操作结束。
8.根据权利要求1所述的视频预览进度条缩放方法,其特征在于,基于缩略图宽度与所述第二视频预览进度条的对应关系,在当前视频的所有缩略图中重新提取当前视频的缩略图并对应所述第二视频预览进度条进行显示,包括:
基于缩略图宽度与所述第二视频预览进度条的对应关系确定缩略图的提取数量;
根据所述提取数量以及当前视频的时长确定缩略图的提取间隔,基于所述提取数量和所述提取间隔从缓存中提取对应时间戳的缩略图并对应所述第二视频预览进度条进行显示。
9.根据权利要求8所述的视频预览进度条缩放方法,其特征在于,基于所述提取数量和所述提取间隔从缓存中提取对应时间戳的缩略图并对应所述第二视频预览进度条进行显示,还包括:
若所述缓存中未包含对应时间戳的缩略图,从提取的多个缩略图中选择时间戳相邻的缩略图作为临时缩略图,以所述临时缩略图进行替代显示。
10.根据权利要求9所述的视频预览进度条缩放方法,其特征在于,从提取的多个缩略图中选择时间戳相邻的缩略图作为临时缩略图,以所述临时缩略图进行替代显示之后,还包括:
所述缓存加载对应时间戳的缩略图,从所述缓存中提取对应时间戳的缩略图替换所述临时缩略图进行显示。
11.一种视频预览进度条缩放装系统,其特征在于,包括:
检测模块,用于实时检测第一视频预览进度条的缩放操作,所述第一视频预览进度条由平铺的多个缩略图组成;
缩放模块,用于响应所述缩放操作,计算所述第一视频预览进度条缩放后的长度信息,以增减缩略图的数量,基于所述长度信息重新绘制所述第一视频预览进度条,得到对应的第二视频预览进度条,所述缩放模块具体用于确定所述缩放操作对应的缩放倍数,基于所述缩放倍数和所述第一视频预览进度条的原始长度的乘积计算得到所述第一视频预览进度条缩放后的长度信息,所述原始长度与当前屏幕界面的宽度对应;
显示模块,用于基于缩略图宽度与所述第二视频预览进度条的对应关系,在当前视频的所有缩略图中重新提取当前视频的缩略图并对所述第二视频预览进度条进行显示。
12.一种电子设备,其特征在于,包括:
存储器以及一个或多个处理器;
所述存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-10任一所述的视频预览进度条缩放方法。
13.一种包含计算机可执行指令的存储介质,其特征在于,所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-10任一所述的视频预览进度条缩放方法。
CN202011272406.7A 2020-11-13 2020-11-13 视频预览进度条缩放方法、系统、设备及存储介质 Active CN112540713B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011272406.7A CN112540713B (zh) 2020-11-13 2020-11-13 视频预览进度条缩放方法、系统、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011272406.7A CN112540713B (zh) 2020-11-13 2020-11-13 视频预览进度条缩放方法、系统、设备及存储介质

Publications (2)

Publication Number Publication Date
CN112540713A CN112540713A (zh) 2021-03-23
CN112540713B true CN112540713B (zh) 2022-09-23

Family

ID=75014455

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011272406.7A Active CN112540713B (zh) 2020-11-13 2020-11-13 视频预览进度条缩放方法、系统、设备及存储介质

Country Status (1)

Country Link
CN (1) CN112540713B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113099288A (zh) * 2021-03-31 2021-07-09 上海哔哩哔哩科技有限公司 视频制作方法及装置
CN113676751B (zh) * 2021-08-19 2024-03-01 上海哔哩哔哩科技有限公司 视频缩略图处理方法及装置
CN113934423A (zh) * 2021-10-12 2022-01-14 北京沃东天骏信息技术有限公司 进度条的生成方法、装置和非易失性计算机可读存储介质
CN117641057A (zh) * 2023-12-06 2024-03-01 北京达佳互联信息技术有限公司 视频播放方法、装置、终端及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140055812A (ko) * 2012-11-01 2014-05-09 주식회사 케이티 컨텐츠의 재생을 제어하는 제어 장치 및 방법
CN103905835A (zh) * 2012-12-27 2014-07-02 腾讯科技(北京)有限公司 一种视频播放器的进度预览方法、装置和系统
CN106101868A (zh) * 2016-07-18 2016-11-09 乐视控股(北京)有限公司 缩略图生成方法及生成装置
CN108156407A (zh) * 2017-12-13 2018-06-12 深圳市金立通信设备有限公司 一种视频剪辑方法及终端
CN110786020A (zh) * 2018-08-01 2020-02-11 深圳市大疆创新科技有限公司 视频的处理方法、装置及计算机可读存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110067492A (ko) * 2009-12-14 2011-06-22 삼성전자주식회사 Gui 제공방법 및 이를 적용한 멀티미디어 기기
US8705932B2 (en) * 2011-12-21 2014-04-22 Pelco, Inc. Method and system for displaying a timeline
CN104199611B (zh) * 2014-08-29 2017-07-28 广东欧珀移动通信有限公司 一种移动终端调整播放进度的方法及装置
CN106028068A (zh) * 2016-06-30 2016-10-12 乐视控股(北京)有限公司 视频进度内容预览方法、装置及移动终端
CN110225390B (zh) * 2019-06-20 2021-07-23 广州酷狗计算机科技有限公司 视频预览的方法、装置、终端及计算机可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140055812A (ko) * 2012-11-01 2014-05-09 주식회사 케이티 컨텐츠의 재생을 제어하는 제어 장치 및 방법
CN103905835A (zh) * 2012-12-27 2014-07-02 腾讯科技(北京)有限公司 一种视频播放器的进度预览方法、装置和系统
CN106101868A (zh) * 2016-07-18 2016-11-09 乐视控股(北京)有限公司 缩略图生成方法及生成装置
CN108156407A (zh) * 2017-12-13 2018-06-12 深圳市金立通信设备有限公司 一种视频剪辑方法及终端
CN110786020A (zh) * 2018-08-01 2020-02-11 深圳市大疆创新科技有限公司 视频的处理方法、装置及计算机可读存储介质

Also Published As

Publication number Publication date
CN112540713A (zh) 2021-03-23

Similar Documents

Publication Publication Date Title
CN112540713B (zh) 视频预览进度条缩放方法、系统、设备及存储介质
US8701000B2 (en) Carousel user interface for document management
CN105426080B (zh) 一种图片切换方法及终端
CN108829314B (zh) 截图选区界面选择方法、装置、设备及存储介质
CN109189532B (zh) 电子白板的控件栏显示方法、装置、设备及存储介质
US9569004B2 (en) Swipe toolbar to switch tabs
CN104850660A (zh) 一种图片显示方法、装置及移动终端
CN112099686B (zh) 图标显示控制方法、装置和电子设备
CN103067569A (zh) 一种智能手机多窗口显示方法和装置
CN107066171A (zh) 触屏终端的多窗口切换方法和系统
JP2017504877A (ja) フローティングタッチに基づくクリックオブジェクト拡大のための方法および装置
KR20150033508A (ko) 아이콘의 이동 방법 및 이 방법이 적용되는 터치 타입 휴대 단말기
CN106649639A (zh) 一种页面显示方法及设备
CN107870795B (zh) 一种电子地图显示的方法及装置
CN106293427A (zh) 用户界面调整方法及电子装置
US20230161458A1 (en) Information Display Method, Electronic Device, And Non-Transitory Computer-Readable Storage Medium
CN112286614A (zh) 用户界面的显示方法和装置、电子设备及存储介质
US11966576B2 (en) Screen icon operating method and apparatus
CN113032068A (zh) 显示方法和电子设备
CN108319411B (zh) 一种图表局部放大的方法、装置及电子设备
CN113805752A (zh) 对象移动方法和电子设备
US8902259B1 (en) Finger-friendly content selection interface
CN109683798B (zh) 一种文本确定方法、终端及计算机可读存储介质
CN111399721A (zh) 显示界面触发搜索的方法、装置、存储介质以及和终端
CN111143731A (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
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20231007

Address after: 31a, 15th floor, building 30, maple commercial city, bangrang Road, Brazil

Patentee after: Baiguoyuan Technology (Singapore) Co.,Ltd.

Address before: Floor 4, 5, 6, 13, 14, 15, 16, Jisheng business center, 278 Xingtai Road, Shiqiao street, Panyu District, Guangzhou, Guangdong 510000

Patentee before: GUANGZHOU BAIGUOYUAN NETWORK TECHNOLOGY Co.,Ltd.