CN111163358A - Gif图像生成方法、装置、服务器及存储介质 - Google Patents
Gif图像生成方法、装置、服务器及存储介质 Download PDFInfo
- Publication number
- CN111163358A CN111163358A CN202010014869.7A CN202010014869A CN111163358A CN 111163358 A CN111163358 A CN 111163358A CN 202010014869 A CN202010014869 A CN 202010014869A CN 111163358 A CN111163358 A CN 111163358A
- Authority
- CN
- China
- Prior art keywords
- gif
- images
- playing
- browser
- target 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 89
- 230000008569 process Effects 0.000 claims abstract description 52
- 230000004044 response Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 7
- 238000004891 communication Methods 0.000 abstract description 13
- 238000010586 diagram Methods 0.000 description 11
- 238000004519 manufacturing process Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
- H04N21/4782—Web browsing, e.g. WebTV
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
- H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
- H04N21/235—Processing of additional data, e.g. scrambling of additional data or processing content descriptors
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/816—Monomedia components thereof involving special video data, e.g 3D video
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供一种GIF图像生成方法、装置、服务器及存储介质。该电子设备在通过浏览器对网页界面中所播放的目标视频进行截取，获得多张图像；调用该网页界面所对应网页文件中的预设GIF库对多张图像进行处理，获得GIF图像。用户在需要生成GIF图像时，通过浏览器访问该网页即可，不用单独下载一专业的制作工具，能够方便用户随时制作GIF图像。同时，由于上述生成GIF的过程均在浏览器所提供的网页界面中完成，服务器只需要提供该网页即可，继而不需要服务器进行大量的数据通信。
Description
技术领域
本申请涉及计算机领域，具体而言，涉及一种GIF(Graphics InterchangeFormat，图形交换格式)图像生成方法、装置、服务器及存储介质。
背景技术
GIF图像因其优秀的压缩算法，使其在一定程度上保证图像质量的同时将图像压缩到较小的体积，继而有利于网络传输。同时，GIF图像中还可以插入多帧，从而实现动画效果。因此，GIF图像也越来越受到欢迎。
当前，GIF图像的制作方式主要包括专业的制作工具或者依赖于服务器进行制作。其中，通过专业的制作工具生成GIF图像时，需要先对制作工具进行单独下载安装。然而一些用户可能仅仅偶尔使用一次该制作工具，因此，为了偶尔出现一次需求而专门下载一制作工具，显然不是用户想要的。依赖于服务器生成GIF图像时，需要在生成GIF图像时与服务器进行通信，然而生成GIF图像往往是从某个视频中截取自的一段内容，使得服务器从某个视频中截取一段内容时需要进行大量的数据通信。当请求的用户较多时，服务器需要承受较大的通信负荷。
发明内容
为了克服现有技术中的至少一个不足，本申请实施例的目的之一在于提供一种GIF图像生成方法，应用于电子设备，该电子设备配置有浏览器，所述方法包括：
通过所述浏览器获取目标视频；
在所述浏览器提供的网页界面中对所述目标视频进行播放；
通过所述浏览器截取所述目标视频在播放过程中的多张图像；
调用所述网页界面所对应网页文件中的预设GIF库对所述多张图像进行处理，获得所述多张图像的GIF图像。
可选地，所述多张图像截取自所述目标视频所播放区域中的目标区域，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像之前，包括:
在所述网页界面中提供一区域配置组件；
响应在所述区域配置组件中的区域选取操作，确定出所述目标区域。
可选地，所述多张图像属于所述目标视频在预设时间段内的播放内容，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像之前，还包括：
在所述网页界面中提供一时长配置组件；
响应在所述时长配置组件中的时段配置操作，获得所视频的起始播放时刻以及终止播放时刻；
根据所述起始播放时刻以及所述终止播放时刻确定所述预设时间段。
可选地，所述时长配置组件显示有所述目标视频的播放时间轴，所述播放时间轴包括第一游标与第二游标，所述响应在所述时长配置组件中的时段配置操作，获得所视频的起始播放时刻以及终止播放时刻的步骤，包括：
响应对所述第一游标的拖动操作，获得所述起始播放时刻；
响应对所述第二游标的拖动操作，获得所述终止播放时刻。
可选地，所述方法还包括：
所述第一游标或者所述第二游标在拖动过程中，获取所述第一游标或者所述第二游标在所述播放时间轴上的位置；
显示所述目标视频在所述位置的预览画面。
可选地，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像之后，包括：
在所述网页界面中提供一个性化定制组件，所述个性化定制组件用于显示所述多张图像；
响应在所述个性化定制组件中对所述多张图像的个性化操作，获得个性化调整后的多张图像；
所述调用所述网页界面所对应网页文件中的预设GIF库对所述多张图像进行处理，获得所述多张图像的GIF图像的步骤，包括：
调用所述网页界面所对应网页文件中的预设GIF库对所述个性化调整后的多张图像进行处理，获得所述个性化调整后的多张图像的GIF图像。
可选地，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像的步骤，包括：
所述浏览器通过画布canvas截取所述目标视频在播放过程中的多张图像。
可选地，所述通过所述浏览器获取目标视频的步骤，包括:
通过所述浏览器获取所述目标视频的播放地址；
根据所述播放地址获取所述目标视频。
可选地，所述预设GIF库以Web Worker的形式运行。
本申请实施例的目的之二在于提供一种GIF图像生成装置，应用于电子设备，所述电子设备配置有浏览器，所述GIF图像生成装置包括视频获取模块、视频播放模块、图像截取模块以及GIF图像生成模块；
所述视频获取模块用于通过所述浏览器获取目标视频；
所述视频播放模块用于在所述浏览器提供的网页界面中对所述目标视频进行播放；
所述图像截取模块用于通过所述浏览器截取所述目标视频在播放过程中的多张图像；
所述GIF图像生成模块用于调用所述网页界面所对应网页文件中的预设GIF库对所述多张图像进行处理，获得所述多张图像的GIF图像。
本申请实施例的目的之三在于提供一种服务器，所述服务器存储有网页文件，当所述服务器获取到电子设备发送的网络请求时，将所述网页文件发送给所述电子设备，使得所述电子设备运行所述网页文件时，实现所述的GIF图像生成方法。
本申请实施例的目的之四在于提供一种存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现所述的GIF图像生成方法。
相对于现有技术而言，本申请具有以下有益效果：
本申请实施例提供一种GIF图像生成方法、装置、服务器及存储介质。该电子设备在通过浏览器对网页界面中所播放的目标视频进行截取，获得多张图像；调用该网页界面所对应网页文件中的预设GIF库对多张图像进行处理，获得GIF图像。用户在需要生成GIF图像时，通过浏览器访问该网页即可，不用单独下载一专业的制作工具，能够方便用户随时制作GIF图像。同时，由于上述生成GIF的过程均在浏览器所提供的网页界面中完成，服务器只需要提供该网页即可，继而不需要服务器进行大量的数据通信。
附图说明
为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的电子设备的硬件结构图；
图2为本申请实施例提供的GIF图像生成方法的步骤流程图；
图3为本申请实施例提供的目标区域示意图；
图4为本申请实施例提供的时长配置组件示意图；
图5为本申请实施例提供的目标图像示意图；
图6为本申请实施例提供的编辑后的图像示意图；
图7为本申请实施例提供的添加的图像示意图；
图8为本申请实施例提供的GIF图像生成装置结构示意图。
图标：100-电子设备；110-GIF图像生成装置；120-存储器；130-处理器；140-通信单元；500-播放区域；510-目标区域；600-时长配置组件；610-播放时间轴；620-第一游标；630-第二游标；700-个性化定制组件；710-目标图像；720-编辑后的图像；730-添加的图像；1101-视频获取模块；1102-视频播放模块；1103-图像截取模块；1104-GIF图像生成模块。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。
因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
在本申请的描述中，需要说明的是，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
如背景技术部分所介绍，当前，GIF图像的制作方式主要包括专业的制作工具或者依赖于服务器进行制作。其中，通过专业的制作工具生成GIF图像时，需要先对制作工具进行单独下载安装。然而一些用户可能仅仅偶尔使用一次该制作工具，因此，为了偶尔出现一次需求而专门下载一制作工具，显然不是用户想要的。依赖于服务器生成GIF图像时，需要在生成GIF图像时与服务器进行通信，然而生成GIF图像往往是从某个视频中截取自的一段内容，使得服务器从某个视频中截取一段内容时需要进行大量的数据通信。当请求的用户较多时，服务器需要承受较大的通信负荷。
鉴于此，本申请实施例提供一种GIF图像生成方法，应用于电子设备，该电子设备配置有浏览器。该电子设备的用户通过对该电子设备的浏览器所提供的网页界面进行操作，即可通过该网页界面对应的网页文件生成GIF图像。
请参照图1，为本申请实施例提供的电子设备100的硬件结构示意图。该电子设备100可以是，但不限于，智能手机、个人电脑(personal computer，PC)、平板电脑、个人数字助理(personal digital assistant，PDA)、移动上网设备(mobile Internet device，MID)等。
所述电子设备100包括GIF图像生成装置110、存储器120、处理器130、通信单元140。
所述存储器120、处理器130以及通信单元140各元件相互之间直接或间接地通信连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。所述GIF图像生成装置110包括至少一个可以软件或固件(firmware)的形式存储于所述存储器120中或固化在所述电子设备100的操作系统(operating system，OS)中的软件功能模块。所述处理器130用于执行所述存储器120中存储的可执行模块，例如所述GIF图像生成装置110所包括的软件功能模块及计算机程序等。
其中，所述存储器120可以是，但不限于，随机存取存储器(RandomAccess Memory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(Programmable Read-OnlyMemory，PROM)，可擦除只读存储器(Erasable Programmable Read-Only Memory，EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory，EEPROM)等。其中，存储器120用于存储程序，所述处理器130在接收到执行指令后，执行所述程序。所述通信单元140用于通过所述网络收发数据。所述网络可以是，但不限于，有线网络或无线网络。
其中，所述存储器120可以是，但不限于，随机存取存储器(Random AccessMemory，简称RAM)，只读存储器(Read Only Memory，简称ROM)，可编程只读存储器(Programmable Read-Only Memory，简称PROM)，可擦除只读存储器(ErasableProgrammable Read-Only Memory，简称EPROM)，电可擦除只读存储器(Electric ErasableProgrammable Read-Only Memory，简称EEPROM)等。其中，存储器120用于存储程序，处理器130在接收到执行指令后，执行所述程序。所述处理器130以及其他可能的组件对存储器120的访问可在所述存储控制器的控制下进行。
所述处理器130可以是一种集成电路芯片，具有信号的处理能力。上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
请参照图2，图2为应用于图1所示的电子设备100的一种GIF图像生成方法的流程图，以下将对所述方法包括各个步骤进行详细阐述。
步骤S100，通过浏览器获取目标视频。
其中，该目标视频可以是该电子设备100存储在本地的视频，还可以是该电子设备100通过网络所获取的视频。
例如，该电子设备100在该网页界面提供一视频地址输入栏，用以获取用户输入的视频播放地址，根据该视频播放地址获取该目标视频。
步骤S200，在浏览器提供的网页界面中对目标视频进行播放。
作为一种可能的实施方式，该网页界面为HTML5版本的网页文件所显示的网页界面，该电子设备100通过该网页文件中的<video></video>标签显示一播放区域对该目标视频就行播放。
步骤S300，通过浏览器截取目标视频在播放过程中的多张图像。
步骤S400，调用网页界面所对应网页文件中的预设GIF库对多张图像进行处理，获得多张图像的GIF图像。
如此，该电子设备100在通过浏览器对网页界面中所播放的目标视频进行截取，获得多张图像；调用该网页界面所对应网页文件中的预设GIF库对多张图像进行处理，获得GIF图像。用户在需要生成GIF图像时，通过浏览器访问该网页即可，不用单独下载一专业的制作工具，能够方便用户随时制作GIF图像。同时，由于上述生成GIF的过程均在浏览器所提供的网页界面中完成，服务器只需要提供该网页即可，继而不需要服务器进行大量的数据通信。
可选地，请参照图3，该多张图像截取自所述播放区域500中的目标区域510，因此，通过所述浏览器截取所述目标视频在播放过程中的多张图像之前，该电子设备100在显示界面中提供给一区域配置组件，响应在所述区域配置组件中的区域选取操作，确定出所述目标区域510。
应理解，针对该目标视频，不是所有的视频内容都是用来生成该GIF图像。例如，若用户仅需要将该目标视频中的某个演员的视频内容制成GIF图像，则可以通过该目标区域510限定出目标视频中的演员。
针对该区域配置组件，作为一种可能的实施方式，该区域配置组件显示有多个输入框。用户通过该输入框，输入该目标区域510在该播放区域500中的位置信息以及尺寸信息。该电子设备100根据用户输入的位置信息以及尺寸信息确定出目标区域510。
作为另外一种可能的实施方式，该电子设备100提供一画布canvas，响应用户通过鼠标在该画布中区域选取操作，继而确定出该目标区域510。
可选地，所述多张图像属于所述目标视频在预设时间段内的播放内容，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像之前，该电子设备100在所述网页界面中提供一时长配置组件；响应在所述时长配置组件600中的时长配置操作，获得所视频的起始播放时刻以及终止播放时刻；根据所述起始播放时刻以及所述终止播放时刻确定所述预设时间段。
应理解，针对该目标视频，不是所有的视频内容都需要制成GIF图像，可能只需要将某个时段内的视频内容制作成GIF图像即可(例如，目标视频10分钟-15分钟的内的视频内容制成GIF图像)。基于此，针对该时长配置组件，作为一种可能的实施方式，该时长配置组件显示有多个输入框，用于方便用户输入该预设时段的起始播放时刻以及终止播放时刻。
作为另外一种可能的实施方式，请参照图4，该时长配置组件显示有所述目标视频的播放时间轴610。该播放时间轴610包括第一游标620与第二游标630。该电子设备100响应对所述第一游标620的拖动操作，获得所述起始播放时刻，响应对所述第二游标630的拖动操作，获得所述终止播放时刻；根据该起始播放时刻与终止播放时刻确定该预设时段。
其中，该第一游标620或者第二游标630在拖动过程中，该电子设备获取第一游标620或者第二游标630在该播放时间轴610上的位置；根据该位置与目标视频的播放时间之间的关系，获取该位置的预览画面。如此，通过显示该预览画面，能够方便用户准确确定起始播放时刻以及终止播放时刻，避免最终生成的GIF图像中携带有非必要的画面。
在确定出预设时段的起始播放时刻与终止播放时刻后，该电子设备100从起始播放时刻开始播放该目标视频，直到终止播放时刻结束。其中，在播放的过程中，该电子设备100通过该浏览器截取该目标视频的多张图像。
可选地，过所述浏览器截取所述目标视频在播放过程中的多张图像之后，该电子设备100在网页界面中提供给一个性化定制组件，该个性化定制组件用于显示截取自目标视频的多张图像。该电子设备100响应在所述个性化定制组件中对所述多张图像的个性化操作，获得个性化调整后的多张图像；调用所述网页界面所对应网页文件中的预设GIF库对所述个性化调整后的多张图像进行处理，获得所述个性化调整后的多张图像的GIF图像。
在调用所述网页界面所对应网页文件中的预设GIF库对所述个性化调整后的多张图像进行处理时，作为一种可能的实施方式，该电子设备100根据默认GIF参数，调用所述网页界面所对应网页文件中的预设GIF库对所述个性化调整后的多张图像进行处理。
作为另外一种可能的实施方式，该电子设备100在所述网页界面中提供一参数配置组件，通过该参数配置组件获取用户输入的GIF参数。该电子设备100根据用户输入的GIF参数，调用网页界面所对应网页文件中的预设GIF库对所述个性化调整后的多张图像进行处理。
其中，该GIF参数用户调整生成的GIF图像的图像质量。该GIF库可以是gif.js。
由于在调用网页界面所对应网页文件中的预设GIF库对所述个性化调整后的多张图像进行处理需要做大量的运算，继而会耗费较多的时间。为了在对所述个性化调整后的多张图像进行处理的过程中，用户能继续操作该网页界面，该GIF库以Web Worker的形式运行。应理解，Web Worker为JavaScript创造多线程环境，使得Web Worker以子线程的形式在后台运行，避免干扰主线程的正常执行。
其中，针对响应在所述个性化定制组件中对所述多张图像的个性化操作，获得个性化调整后的多张图像。作为一种可能的实施方式，请参照图5，该电子设备100将目标视频在播放过程中的多张图像显示到个性化定制组件700中，响应在该个性化定制组件700中的剔除操作，将用户选中的目标图像710从所述多张图像中剔除得到个性化定制后的多张图像。应理解，该电子设备100通过浏览器截取该目标视频的多张图像时，可以根据用户输入的参数，截取包含有冗余数量的多张图像，继而方便用户从多张图像中剔除掉一些个人不满意的图像。
作为另外一种可能的实施方式，请参照图6，该电子设备100将目标视频在播放过程中截取的多张图像显示到个性化定制组件700中，响应在该个性化定制组件700中的编辑操作，将用户编辑后的图像720对所述多张图像中与该编辑后的图像720相对应的原始图像进行替换，得到个性化定制后的多张图像。
值得说明的是，该编辑操作可以是，但不仅限于，调色操作、旋转操作、对比度调整或者在图像中添加额外的信息等操作。例如，用户可以在图像中插入预设的图案、编辑文字或者绘制图案等。
其中，在响应在该个性化定制组件700中的编辑操作时，作为一种可能的实施方式，该电子设备100提供一画布canvas，将用户需要编辑的图像显示到该画布中，响应用户在该画布中对该图像的编辑操作。待用户编辑完成之后，将画布中的内容转化成图像。
作为另外一种可能的实施方式，请参照图7，该电子设备100将目标视频在播放过程中截取的多张图像显示到个性化定制组件700中，响应用户在该个性化定制组件700中的插入操作，将用户添加的图像730插入到所述多张图像中得到个性化定制后的多张图像。应理解，将用户添加的图像730插入到多张图像中，可以方便用户将截取自目标视频的图像与其他来源的图像相互结合，得到内容更加丰富的GIF图像。
例如，用户在需要将自己自拍的图像融入到所截取的多张图像的场景中，可以将该自拍图像插入到截取的多张图像的适当位置。
针对通过所述浏览器截取所述目标视频在播放过程中的多张图像，作为一种可能的实施方式，该电子设备100调用所述浏览器通过画布canvas截取所述目标视频在播放过程中的多张图像。值得说明的是，若电子设备100调用所述浏览器通过画布canvas截取所述目标视频在播放过程中的多张图像。由于画布canvas是HTML5版本的网页的特性，则该网页界面由HTML5版本的网页提供。
本申请实施例还提供给一种GIF图像生成装置110，GIF图像生成装置110包括至少一个可以软件形式存储于存储器120中的功能模块。请参照图8，从功能上划分，GIF图像生成装置110可以包括视频获取模块1101、视频播放模块1102、图像截取模块1103以及GIF图像生成模块1104。
该视频获取模块1101用于通过所述浏览器获取目标视频。
在本申请实施例中，该视频获取模块1101用于执行图2中的步骤S100，关于该视频获取模块1101的详细描述可以参考步骤S100的详细描述。
该视频播放模块1102用于在所述浏览器提供的网页界面中对所述目标视频进行播放。
在本申请实施例中，该视频播放模块1102用于执行图2中的步骤S200，关于该视频播放模块1102的详细描述可以参考步骤S200的详细描述。
该图像截取模块1103用于通过所述浏览器截取所述目标视频在播放过程中的多张图像。
在本申请实施例中，该图像截取模块1103用于执行图2中的步骤S300，关于该图像截取模块1103的详细描述可以参考步骤S300的详细描述。
该GIF图像生成模块1104用于调用所述网页界面所对应网页文件中的预设GIF库对所述多张图像进行处理，获得所述多张图像的GIF图像。
在本神实施例中，该GIF图像生成模块1104用于执行图2中的步骤S400，关于该GIF图像生成模块1104的详细描述可以参考步骤S400的详细描述。
本申请实施例还提供一种服务器，当所述服务器获取到电子设备100发送的网络请求时，将所述网页文件发送给所述电子设备100，使得所述电子设备100运行所述网页文件时，实现所述的GIF图像生成方法。
本申请实施例还提供给一种存储介质，其上存储有计算机程序，所述计算机程序被处理器130执行时，实现所述的GIF图像生成方法。
综上所述，本申请实施例提供一种GIF图像生成方法、装置、服务器及存储介质。该电子设备在通过浏览器对网页界面中所播放的目标视频进行截取，获得多张图像；调用该网页界面所对应网页文件中的预设GIF库对多张图像进行处理，获得GIF图像。用户在需要生成GIF图像时，通过浏览器访问该网页即可，不用单独下载一专业的制作工具，能够方便用户随时制作GIF图像。同时，由于上述生成GIF的过程均在浏览器所提供的网页界面中完成，服务器只需要提供该网页即可，继而不需要服务器进行大量的数据通信。
在本申请所提供的实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述，仅为本申请的各种实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应所述以权利要求的保护范围为准。
Claims (12)
1.一种GIF图像生成方法，其特征在于，应用于电子设备，该电子设备配置有浏览器，所述方法包括：
通过所述浏览器获取目标视频；
在所述浏览器提供的网页界面中对所述目标视频进行播放；
通过所述浏览器截取所述目标视频在播放过程中的多张图像；
调用所述网页界面所对应网页文件中的预设GIF库对所述多张图像进行处理，获得所述多张图像的GIF图像。
2.根据权利要求1所述的GIF图像生成方法，其特征在于，所述多张图像截取自所述目标视频所播放区域中的目标区域，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像之前，包括:
在所述网页界面中提供一区域配置组件；
响应在所述区域配置组件中的区域选取操作，确定出所述目标区域。
3.根据权利要求1所述的GIF图像生成方法，其特征在于，所述多张图像属于所述目标视频在预设时间段内的播放内容，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像之前，还包括：
在所述网页界面中提供一时长配置组件；
响应在所述时长配置组件中的时段配置操作，获得所目标视频的起始播放时刻以及终止播放时刻；
根据所述起始播放时刻以及所述终止播放时刻确定所述预设时间段。
4.根据权利要求3所述的GIF图像生成方法，其特征在于，所述时长配置组件显示有所述目标视频的播放时间轴，所述播放时间轴包括第一游标与第二游标，所述响应在所述时长配置组件中的时段配置操作，获得所视频的起始播放时刻以及终止播放时刻的步骤，包括：
响应对所述第一游标的拖动操作，获得所述起始播放时刻；
响应对所述第二游标的拖动操作，获得所述终止播放时刻。
5.根据权利要求4所述的GIF图像生成方法，其特征在于，其特征在于，所述方法还包括：
所述第一游标或者所述第二游标在拖动过程中，获取所述第一游标或者所述第二游标在所述播放时间轴上的位置；
显示所述目标视频在所述位置的预览画面。
6.根据权利要求1所述的GIF图像生成方法，其特征在于，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像之后，包括：
在所述网页界面中提供一个性化定制组件，所述个性化定制组件用于显示所述多张图像；
响应在所述个性化定制组件中对所述多张图像的个性化操作，获得个性化调整后的多张图像；
所述调用所述网页界面所对应网页文件中的预设GIF库对所述多张图像进行处理，获得所述多张图像的GIF图像的步骤，包括：
调用所述网页界面所对应网页文件中的预设GIF库对所述个性化调整后的多张图像进行处理，获得所述个性化调整后的多张图像的GIF图像。
7.根据权利要求1所述的GIF图像生成方法，其特征在于，所述通过所述浏览器截取所述目标视频在播放过程中的多张图像的步骤，包括：
所述浏览器通过画布canvas截取所述目标视频在播放过程中的多张图像。
8.根据权利要求1所述的GIF图像生成方法，其特征在于，所述通过所述浏览器获取目标视频的步骤，包括:
通过所述浏览器获取所述目标视频的播放地址；
根据所述播放地址获取所述目标视频。
9.根据权利要求1所述的GIF图像生成方法，其特征在于，所述预设GIF库以Web Worker的形式运行。
10.一种GIF图像生成装置，其特征在于，应用于电子设备，所述电子设备配置有浏览器，所述GIF图像生成装置包括视频获取模块、视频播放模块、图像截取模块以及GIF图像生成模块；
所述视频获取模块用于通过所述浏览器获取目标视频；
所述视频播放模块用于在所述浏览器提供的网页界面中对所述目标视频进行播放；
所述图像截取模块用于通过所述浏览器截取所述目标视频在播放过程中的多张图像；
所述GIF图像生成模块用于调用所述网页界面所对应网页文件中的预设GIF库对所述多张图像进行处理，获得所述多张图像的GIF图像。
11.一种服务器，其特征在于，所述服务器存储有网页文件，当所述服务器获取到电子设备发送的网络请求时，将所述网页文件发送给所述电子设备，使得所述电子设备运行所述网页文件时，实现权利要求1-9任一项所述的GIF图像生成方法。
12.一种存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器执行时，实现权利要求1-9任一项所述的GIF图像生成方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010014869.7A CN111163358A (zh) | 2020-01-07 | 2020-01-07 | Gif图像生成方法、装置、服务器及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010014869.7A CN111163358A (zh) | 2020-01-07 | 2020-01-07 | Gif图像生成方法、装置、服务器及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111163358A true CN111163358A (zh) | 2020-05-15 |
Family
ID=70561842
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010014869.7A Pending CN111163358A (zh) | 2020-01-07 | 2020-01-07 | Gif图像生成方法、装置、服务器及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111163358A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113099287A (zh) * | 2021-03-31 | 2021-07-09 | 上海哔哩哔哩科技有限公司 | 视频制作方法及装置 |
| CN113099288A (zh) * | 2021-03-31 | 2021-07-09 | 上海哔哩哔哩科技有限公司 | 视频制作方法及装置 |
| CN113316016A (zh) * | 2021-05-28 | 2021-08-27 | Tcl通讯（宁波）有限公司 | 视频处理方法、装置、存储介质及移动终端 |
| CN115348463A (zh) * | 2022-07-11 | 2022-11-15 | 西安诺瓦星云科技股份有限公司 | 显示屏监控方法、系统、装置、电子设备及存储介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102054285A (zh) * | 2010-12-31 | 2011-05-11 | 上海为舟网络科技有限公司 | 在线动态图像编辑系统 |
| CN104079981A (zh) * | 2013-03-25 | 2014-10-01 | 联想(北京)有限公司 | 一种数据处理方法及装置 |
| CN106780685A (zh) * | 2017-03-23 | 2017-05-31 | 维沃移动通信有限公司 | 一种动态图片的生成方法及终端 |
| CN107846631A (zh) * | 2017-10-31 | 2018-03-27 | 珠海市魅族科技有限公司 | 视频剪辑方法及装置、计算机设备和存储介质 |
| CN108647020A (zh) * | 2018-05-17 | 2018-10-12 | 珠海横琴盛达兆业科技投资有限公司 | 一种网页版的调用html5视频录制动画GIF图像的方法 |
| CN110322532A (zh) * | 2018-03-27 | 2019-10-11 | 优酷网络技术（北京）有限公司 | 动态图像的生成方法及装置 |
| CN110647703A (zh) * | 2019-09-18 | 2020-01-03 | 平安科技（深圳）有限公司 | 动画播放方法、装置、计算机设备和存储介质 |
-
2020
- 2020-01-07 CN CN202010014869.7A patent/CN111163358A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102054285A (zh) * | 2010-12-31 | 2011-05-11 | 上海为舟网络科技有限公司 | 在线动态图像编辑系统 |
| CN104079981A (zh) * | 2013-03-25 | 2014-10-01 | 联想(北京)有限公司 | 一种数据处理方法及装置 |
| CN106780685A (zh) * | 2017-03-23 | 2017-05-31 | 维沃移动通信有限公司 | 一种动态图片的生成方法及终端 |
| CN107846631A (zh) * | 2017-10-31 | 2018-03-27 | 珠海市魅族科技有限公司 | 视频剪辑方法及装置、计算机设备和存储介质 |
| CN110322532A (zh) * | 2018-03-27 | 2019-10-11 | 优酷网络技术（北京）有限公司 | 动态图像的生成方法及装置 |
| CN108647020A (zh) * | 2018-05-17 | 2018-10-12 | 珠海横琴盛达兆业科技投资有限公司 | 一种网页版的调用html5视频录制动画GIF图像的方法 |
| CN110647703A (zh) * | 2019-09-18 | 2020-01-03 | 平安科技（深圳）有限公司 | 动画播放方法、装置、计算机设备和存储介质 |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113099287A (zh) * | 2021-03-31 | 2021-07-09 | 上海哔哩哔哩科技有限公司 | 视频制作方法及装置 |
| CN113099288A (zh) * | 2021-03-31 | 2021-07-09 | 上海哔哩哔哩科技有限公司 | 视频制作方法及装置 |
| CN113316016A (zh) * | 2021-05-28 | 2021-08-27 | Tcl通讯（宁波）有限公司 | 视频处理方法、装置、存储介质及移动终端 |
| CN115348463A (zh) * | 2022-07-11 | 2022-11-15 | 西安诺瓦星云科技股份有限公司 | 显示屏监控方法、系统、装置、电子设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111163358A (zh) | Gif图像生成方法、装置、服务器及存储介质 | |
| US11218739B2 (en) | Live video broadcast method, live broadcast device and storage medium | |
| US8701008B2 (en) | Systems and methods for sharing multimedia editing projects | |
| US11265614B2 (en) | Information sharing method and device, storage medium and electronic device | |
| CN106998494B (zh) | 一种视频录制方法及相关装置 | |
| TWI784942B (zh) | 播放中影片的擷取方法及裝置 | |
| CN106507200B (zh) | 视频播放内容插入方法和系统 | |
| CN113286159A (zh) | 应用程序的页面显示方法、装置和设备 | |
| KR20130107263A (ko) | 360도 서라운드 뷰 영상 데이터를 이용한 방송 컨텐츠의 저작방법 | |
| CN112528203A (zh) | 基于网页的在线文档制作方法及系统 | |
| US11836847B2 (en) | Systems and methods for creating and displaying interactive 3D representations of real objects | |
| WO2021052130A1 (zh) | 视频处理方法、装置、设备及计算机可读存储介质 | |
| CN114071226A (zh) | 视频预览图的生成方法及装置、存储介质及电子设备 | |
| CN109862295B (zh) | Gif生成方法、装置、计算机设备及存储介质 | |
| CN115086752A (zh) | 一种针对浏览器页面内容的录制方法、系统及存储介质 | |
| CN110460874B (zh) | 视频播放参数生成方法、装置、存储介质及电子设备 | |
| US20150263998A1 (en) | Method and apparatus for uploading an attachment | |
| US20190197986A1 (en) | Methods for dynamically providing an image to be displayed | |
| CN116991513A (zh) | 配置文件生成方法、装置、电子设备、介质及程序产品 | |
| CN113559503A (zh) | 视频生成方法、设备及计算机可读介质 | |
| CN113207037B (zh) | 全景视频动画的模板剪辑方法、装置、终端、系统及介质 | |
| CN109922291B (zh) | Gif生成方法、装置、计算机设备及存储介质 | |
| CN115174993B (zh) | 用于视频制作的方法、装置、设备和存储介质 | |
| CN110633117A (zh) | 一种数据处理方法、装置、电子设备和可读介质 | |
| CN114125181B (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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200515 |
|
| RJ01 | Rejection of invention patent application after publication |