视频帧截取方法和装置的制造方法
【专利摘要】一种视频帧截取方法和装置，该方法包括：响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片；接收用户对所述图片中的至少一部分图片的选择；显示利用所选择的图片形成的合成图片。本发明实施例通过在视屏播放页面中提供当前视频帧附近的若干视频帧的相应图片供用户选择，并将用户选择的图片形成合成图片，使用户能够将视频中的若干视频帧截取出来形成合成图片，以便于进行保存或分享。
【专利说明】
视频巾贞截取方法和装置
技术领域
[0001 ]本发明涉及视频技术领域，尤其涉及一种视频帧截取方法和装置。
【背景技术】
[0002]在智能手机、电脑等终端上观看视频逐渐成为用户生活中的一部分。用户在观看视频时，当遇到精彩的片段(例如精彩的对白)时，经常会想要保存至本地或分享到社交平台，而最能体现精彩视频片段的通常是该片段中的若干视频帧画面，然而，现有技术中缺少使用户能够将所观看的视频中所需要的视频帧截取出来，以便于进行保存或分享的便利手段。
【发明内容】
[0003]技术问题
[0004]有鉴于此，本发明提供一种视频帧截取方法和装置，使用户能够将视频中的若干视频帧截取出来形成图片，以便于进行保存或分享。
[0005]解决方案
[0006]—方面，提出了一种视频帧截取方法，包括:响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片;接收用户对所述图片中的至少一部分图片的选择;显示利用所选择的图片形成的合成图片。
[0007]另一方面，一种视频帧截取装置，包括:图片显示部件，用于响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片;接收部件，用于接收用户对所述图片中的至少一部分图片的选择;合成部件，用于显示利用所选择的图片形成的合成图片。
[0008]有益效果
[0009]本发明实施例通过在视屏播放页面中提供当前视频帧附近的若干视频帧的相应图片供用户选择，并将用户选择的图片形成合成图片，使用户能够将视频中的若干视频帧截取出来形成合成图片，以便于进行保存或分享。
【附图说明】
[0010]包含在说明书中并且构成说明书的一部分的附图与说明书一起示出了本发明的示例性实施例、特征和方面，并且用于解释本发明的原理。
[0011 ]图1示出了根据本发明一实施例的视频帧截取方法的流程图。
[0012]图2示出了终端的视频播放界面在正常播放状态下的示意图。
[0013]图3示出了响应于用户点击播放窗口中第二控件的而提供的第二浮层的一个示例的示意图。
[0014]图4示出了响应于用户点击第一控件而显示预定数量的视频帧的图片的示意图。
[0015]图5示出了对图片进行选择的示意图。
[0016]图6示出了所生成的合成图片的示意图。
[0017]图7示出了根据本发明一实施例的视频帧截取装置的结构框图。
[0018]图8示出了本发明的另一个实施例的一种视频帧截取设备的结构框图。
【具体实施方式】
[0019]以下将参考附图详细说明本发明的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面，但是除非特别指出，不必按比例绘制附图。
[0020]在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。
[0021]另外，为了更好的说明本发明，在下文的【具体实施方式】中给出了众多的具体细节。本领域技术人员应当理解，没有某些具体细节，本发明同样可以实施。在一些实例中，对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述，以便于凸显本发明的主旨。
[0022]实施例1
[0023]图1示出了根据本发明一实施例的视频帧截取方法的流程图。该方法可以应用于用户通过终端观看视频节目的过程中。如图1所示，该视频帧截取方法主要包括以下步骤:
[0024]步骤101，响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片；
[0025]步骤102，接收用户对所述图片中的至少一部分图片的选择；
[0026]步骤103，显示利用所选择的图片形成的合成图片。
[0027]本发明实施例通过在视屏播放页面中提供当前视频帧附近的若干视频帧的相应图片供用户选择，并将用户选择的图片形成合成图片，使用户能够将视频中的若干视频帧截取出来形成合成图片，以便于进行保存或分享。
[0028]本文中的“视频播放界面”，可以是网页中视频播放窗口，或者视频播放器应用软件的播放界面，以及其他任何可用于视频播放的界面。
[0029]所播放的当前视频帧附近的预定数量的各视频帧可以包括:从所播放的当前视频帧开始之后的视频帧和从所播放的当前视频帧开始之前的视频帧中的一者或者两者的组合。举例来说，如果预定数量为N，则可以是N个从所播放的当前视频帧开始之后的视频帧(可包含当前视频帧)，或者N个从所播放的当前视频帧开始之前的视频帧(可包含当前视频帧)，或者NI个从所播放的当前视频帧开始之后的视频帧和N2个从所播放的当前视频帧开始之前的视频帧，只要满足N1+N2 = N-1，即加上当前视频帧为N个即可。
[0030]视频帧可以是连续的，也可以是不连续的，视频帧的选取原则可以根据需要任意设定，本发明对此不作限制。
[0031 ]以下为了便于说明，以从所播放的当前视频帧开始之后的视频帧为例进行说明。
[0032]以下结合图2-6，来说明本实施例的一个示例性的具体实现方式。本领域技术人员应理解，以下具体实现方式仅为了说明和便于理解本发明，而非以任何目的限制本发明。
[0033]图2示出了终端的视频播放界面在正常播放状态下的示意图。其中，播放页面中包含播放窗口，播放窗口下方为视频播放控制栏，能够用来控制视频的播放进度、开始/暂停、音量等。播放窗口的上方可提供一些控件，在一个示例中，这些控件中可包括上述第一控件，例如“逐帧分享”按钮，或其他形式的可操作控件，用户可通过点击该按钮，使播放页面显示从所播放的当前视频帧开始的预定数量的视频帧的相应图片，其中每个视频帧可对应一个图片。并且，操作第一控件还可使视频播放暂停。
[0034]这里需要说明的是，本文所说的“控件”，可以是任何形式的可操作控件，例如按钮、滑块等，对控件的操作方式例如但不限于点击、光标长时间停留、滑动等。为了说明方便，以下示例中多以“按钮”和“点击”作为控件和控件操作方式的例子，然而本发明不限于此。
[0035]在另一个示例中，第一控件也可以不直接在播放窗口的控件中提供。例如，播放窗口中可提供例如“分享”按钮的第二控件(如图2所示)，响应于用户操作该第二控件(例如点击该分享按钮)，可使视频播放暂停，并在所述视频播放界面中(例如与视频播放窗口重叠的位置处)显示浮层(第二浮层)，该浮层中可包括第一控件(例如“逐帧分享”按钮)。
[0036]图3示出了响应于用户点击播放窗口中第二控件的而提供的第二浮层的一个示例的示意图。在一个示例中，在检测到用户点击播放窗口上方的“分享”按钮(第二控件)后，终端可暂停视频播放，弹出第二浮层，如图3所示。在第二浮层中可包含“逐帧分享”按钮(第一控件)。在第二浮层中还可包含其他控件，这些控件例如可将整部视频的链接分享到各种网络平台，或实现其他的功能。作为一种示例性的具体实现方式，可以根据图3所示的页面设计写好超文本标记语言(HTML)结构并默认隐藏，可给“分享”按钮(第二控件)绑定点击事件，在用户点击分享按钮触发该事件后，可根据设计好的HTML结构改变图3中网页的层叠样式表(css)属性，即可实现第二浮层的显示，以提供逐帧分享按钮(第一控件)供用户操作。本领域技术人员应理解，该具体实现方式仅为举例说明，本领域技术人员可以选择其他适当的方式来提供第一控件。
[0037]图4示出了响应于用户点击第一控件而显示预定数量的视频帧的图片的示意图。在一个示例中，可响应于用户点击所述第一控件，在所述视频播放界面中(例如与视频播放窗口重叠的位置)显示第一浮层(同时可隐藏图3所示的第二浮层)，可在第一浮层中显示与从所播放的当前视频帧开始的预定数量的各视频帧分别相对应的图片，每个图片可对应一个视频帧。该预定数量可以根据实际需要来设定，本发明对此不作限制。作为一种示例性的具体实现方式，例如可响应于对第一控件的操作而触发推送(push)第一浮层的操作。举例来说，可在服务器端通过Matlab的视频读取类VideoReader完成对所播放视频的视频读取，通过调用格式:video = read(obj，index)，来获取所播放视频对象的预定数量的视频帧，可通过服务器接口将所读取的预定数量的视频帧的数据提供给客户端，客户端可将各视频帧转换为相应的图片后，在第一浮层中进行展示。本领域技术人员应理解，该具体实现方式仅为举例说明，本领域技术人员可以选择其他适当的方式来提供与各视频帧相应的图片。
[0038]可接收用户对所显示图片中的至少一部分图片的选择，并显示利用所选择的图片形成的合成图片。在一个示例中，还可以限制用户可选图片的数量，例如限制为不超过6张等，以方便后续合成图片(或称为长图)的尺寸控制。
[0039]图5示出了对图片进行选择的示意图。如图5所示的示例中，用户可左右滑动点选需要的图片，图片中的某个位置(例如图5所示的右侧底部)可提供复选框(例如白色圆圈)，用户可点击复选框对相应图片进行选择。如图5所示，用户可左右滑动图片进行多幅图片的选择。第一浮层中还可提供“下一步”按钮和“返回”按钮等其他控件，用户选择完图片后，可点击“下一步”按钮，响应于检测到用户点击“下一步”按钮，可将已选择的图片拼成一幅合成图片并显示该合成图片。响应于用户点击“返回”控件，可例如返回至图3所示的状态。
[0040]举例来说，在如上文所述将各视频帧转换为相应图片的情况下，可在每个图片上增加HTML的Checkboxes选项，使用户可以复选多张图片，客户端可用javascript脚本获取被选中的图片的type(类型)值，通过ajax技术向服务器发送请求，服务器响应后，可返回一个合成图片的统一资源定位符(URL)地址，客户端可基于该地址在view(视觉)层对应展示包含合成图片的新的浮层。服务器生成合成图片的具体处理方式的一个示例如下:服务器可根据客户端传输回来的图片ID信息生成一个合成图片，以php语言为例:可以使用php处理图形的扩展库一GD库，GD库提供了一系列用来处理图片的应用程序接口(API)，使用GD库可以生成合成图片，具体来说，可根据被选择的图片的宽度和高度，计算出一个大画布，把多张图片拼接起来，返回给客户端一个合成图片的URL地址。
[0041]图6示出了所生成的合成图片的示意图，在一个示例中，所述合成图片中除了上述所选择的图片之外，还可包括指向该视频的播放页面的地址的链接信息，该链接信息可为与该视频的播放页面的地址相关联的二维码(QRCode)。浏览所生成的合成图片的用户可通过长按或扫描识别该二维码来直接打开相应的原始视频。二维码的图片可由服务器端生成的，用于存放一些格式化的数据。在一种示例性的具体实时方式中，将二维码与合成图片合并的处理与前面选择图片来生成合成图片的处理可完全一致并同步进行。以Php语言为例:可以使用上文中的GD库，将二维码的图片合并到合成图片中，并返回给客户端一个合成图片的URL地址。
[0042]在图6所示的示例中，所形成的图片可显示在第三浮层中(同时可隐藏图4、图5中的第一浮层)。第三浮层中还可包含用于分享所述图片的控件(例如分享按钮)；响应于用户操作分享所述图片的控件，可将所述图片分享给其他用户或分享至朋友圈等网络平台。一个示例性的具体实现方式如下:客户端一般都具有实现分享功能的代码组件，以安卓(Android)环境下的客户端为例:Android API提供ShareAct1nProvider方法，只需要设置一个Share intent (分享意图)S卩可以实现分享功能。可对分享按钮的事件进行监听，在监听到该事件的情况下调取封装好的分享组件，将播放页面的URL地址、以及内容和标题等信息分享出去。
[0043]在一个示例中，第三浮层中还可包含用于保存合成图片的控件；响应于用户操作保存合成图片的控件(例如保存按钮)，可将合成图片保存在终端中。一个示例性的具体实现方式如下:Document对象提供了一个execCommand方法，通过给这个方法传递参数可以操作可编辑区域的内容。例如:document.execCommand(”saveAs”)，可以将该图片保存到客户端本地存储装置的文档目录中。可以在保存按钮处绑定一个点击事件，当事件触发时候，可调用封装好的j avas cr ip t脚本，即可实现保存图片功能。
[0044]完成分享或保存图片的操作后，可恢复视频的正常播放。
[0045]在一个示例中，还可在所述第三浮层中显示“返回”按钮，响应于用户点击返回按钮，可返回图4或图5所示的状态，以供用户重新选择视频中的视频帧所对应的图片。
[0046]实施例2
[0047]图7示出了根据本发明一实施例的视频帧截取装置的结构框图。如图7所示，该装置700主要包括:图片显示部件701，用于响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片;接收部件702，用于接收用户对所述图片中的至少一部分图片的选择;合成图片显示部件703，用于显示利用所选择的图片形成的合成图片。
[0048]所播放的当前视频帧附近的预定数量的各视频帧可以包括:从所播放的当前视频帧开始之后的视频帧和从所播放的当前视频帧开始之前的视频帧中的一者或者两者的组入口 ο
[0049]在一个示例中，图片显示部件701可响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示第一浮层，所述第一浮层中包含所述图片。
[0050]在一个示例中，该装置还可包括:第二浮层显示部件，用于响应于用户操作视频播放界面中的第二控件，在所述视频播放界面中显示第二浮层，所述第二浮层中包含所述第一控件。
[0051]在一个示例中，所述合成图片中还可包括指向所述视频播放界面的地址的链接信息。
[0052]在一个示例中，所述链接信息可为与所述视频播放界面的地址相关联的二维码。
[0053]在一个示例中，合成图片显示部件可响应于接收到用户对所述图片中的至少一部分图片的选择，隐藏第一浮层，并显示第三浮层，所述第三浮层中包含所述合成图片。
[0054]在一个示例中，在所述第三浮层中可包含用于分享所述合成图片的第三控件，所述装置还可包括:分享部件，用于响应于用户操作所述第三控件，将所述合成图片分享至网络平台。
[0055]在一个示例中，在所述第三浮层中可包含用于保存所述合成图片的第四控件，所述装置还可包括:保存部件，用于响应于用户操作所述第四控件，保存所述合成图片。
[0056]实施例3
[0057]图8示出了本发明的另一个实施例的一种视频帧截取设备的结构框图。所述视频帧截取设备1100可以是具备计算能力的主机服务器、个人计算机PC、或者可携带的便携式计算机或终端等。本发明具体实施例并不对计算节点的具体实现做限定。
[°°58] 所述视频帧截取设备1100包括处理器(processor)lllO、通信接口(Communicat1ns Interface) 1120、存储器(memory) 1130和总线1140。其中，处理器1110、通信接口 1120、以及存储器1130通过总线1140完成相互间的通信。
[0059]通信接口 1120用于与网络设备通信，其中网络设备包括例如虚拟机管理中心、共享存储等。
[0060]处理器1110用于执行程序。处理器1110可能是一个中央处理器CPU，或者是专用集成电路ASIC(Applicat1n Specific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。
[0061 ] 存储器1130用于存放文件。存储器1130可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器1130也可以是存储器阵列。存储器1130还可能被分块，并且所述块可按一定的规则组合成虚拟卷。
[0062]在一种可能的实施方式中，上述程序可为包括计算机操作指令的程序代码。该程序具体可用于:执行实施例1各步骤的操作。
[0063]本领域普通技术人员可以意识到，本文所描述的实施例中的各示例性单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件形式来实现，取决于技术方案的特定应用和设计约束条件。专业技术人员可以针对特定的应用选择不同的方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
[0064]如果以计算机软件的形式来实现所述功能并作为独立的产品销售或使用时，则在一定程度上可认为本发明的技术方案的全部或部分(例如对现有技术做出贡献的部分)是以计算机软件产品的形式体现的。该计算机软件产品通常存储在计算机可读取的非易失性存储介质中，包括若干指令用以使得计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各实施例方法的全部或部分步骤。而前述的存储介质包括U盘、移动硬盘、只读存储器(R0M，Read_0nly Memory)、随机存取存储器(RAM ,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
[0065]以上所述，仅为本发明的【具体实施方式】，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。
【主权项】
1.一种视频帧截取方法，包括: 响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片； 接收用户对所述图片中的至少一部分图片的选择； 显示利用所选择的图片形成的合成图片。2.根据权利要求1所述的视频帧截取方法，其中，所播放的当前视频帧附近的预定数量的各视频帧包括:从所播放的当前视频帧开始之后的视频帧和从所播放的当前视频帧开始之前的视频帧中的一者或者两者的组合。3.根据权利要求1所述的视频帧截取方法，其中，响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片，包括: 响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示第一浮层，所述第一浮层中包含所述图片。4.根据权利要求1所述的视频帧截取方法，还包括: 响应于用户操作视频播放界面中的第二控件，在所述视频播放界面中显示第二浮层，所述第二浮层中包含所述第一控件。5.根据权利要求1所述的视频帧截取方法，其中，所述合成图片中还包括指向所述视频播放界面的地址的链接信息。6.根据权利要求5所述的视频帧截取方法，其中，所述链接信息为与所述视频播放界面的地址相关联的二维码。7.根据权利要求3所述的视频帧截取方法，显示利用所选择的图片形成的合成图片，包括: 响应于接收到用户对所述图片中的至少一部分图片的选择，隐藏第一浮层，并显示第三浮层，所述第三浮层中包含所述合成图片。8.根据权利要求7所述的视频帧截取方法， 其中，在所述第三浮层中包含用于分享所述合成图片的第三控件， 所述方法还包括:响应于用户操作所述第三控件，将所述合成图片分享至网络平台。9.根据权利要求7所述的视频帧截取方法， 其中，在所述第三浮层中包含用于保存所述合成图片的第四控件， 所述方法还包括:响应于用户操作所述第四控件，保存所述合成图片。10.一种视频帧截取装置，包括: 图片显示部件，用于响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片； 接收部件，用于接收用户对所述图片中的至少一部分图片的选择； 合成图片显示部件，用于显示利用所选择的图片形成的合成图片。11.根据权利要求10所述的视频帧截取装置，其中，所播放的当前视频帧附近的预定数量的各视频帧包括:从所播放的当前视频帧开始之后的视频帧和从所播放的当前视频帧开始之前的视频帧中的一者或者两者的组合。12.根据权利要求10所述的视频帧截取装置，其中，响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示与所播放的当前视频帧附近的预定数量的各视频帧分别相对应的图片，包括: 响应于用户操作视频播放界面中的第一控件，在所述视频播放界面中显示第一浮层，所述第一浮层中包含所述图片。13.根据权利要求10所述的视频帧截取装置，还包括: 第二浮层显示部件，用于响应于用户操作视频播放界面中的第二控件，在所述视频播放界面中显示第二浮层，所述第二浮层中包含所述第一控件。14.根据权利要求10所述的视频帧截取装置，其中，所述合成图片中还包括指向所述视频播放界面的地址的链接信息。15.根据权利要求14所述的视频帧截取装置，其中，所述链接信息为与所述视频播放界面的地址相关联的二维码。16.根据权利要求12所述的视频帧截取装置，所述显示利用所选择的图片形成的合成图片，包括: 响应于接收到用户对所述图片中的至少一部分图片的选择，隐藏第一浮层，并显示第三浮层，所述第三浮层中包含所述合成图片。17.根据权利要求16所述的视频帧截取装置， 其中，在所述第三浮层中包含用于分享所述合成图片的第三控件， 所述装置还包括: 分享部件，用于响应于用户操作所述第三控件，将所述合成图片分享至网络平台。18.根据权利要求16所述的视频帧截取装置， 其中，在所述第三浮层中包含用于保存所述合成图片的第四控件， 所述装置还包括: 保存部件，用于响应于用户操作所述第四控件，保存所述合成图片。
【文档编号】H04N21/431GK105898520SQ201610213548
【公开日】2016年8月24日
【申请日】2016年4月7日
【发明人】王振中, 周青霞, 华文伟, 荆凤山, 魏明, 潘柏宇, 王冀
【申请人】合网络技术（北京）有限公司, 合一网络技术(北京)有限公司