Animated image generating is an offline task that converts a video to an animated image such as in GIF or WEBP format. An animated image is a seamless cycle of continuous frames, which can deliver an animation effect with a small file size.
Note:
When animated image generating is supported, you can specify the start time and end time in the original video, and then the segment will be captured to generate an animated image.
The target specification of an animated image is subject to parameters such as animated image file format, width, height, and frame rate, which can be customized in the form of VOD animated image generating template as shown below:
Parameter | Description |
---|---|
Format | Output format of an animated image file. Currently, only GIF and WEBP are supported. |
Width | Animated image width. Value range: 128–4,096 px. |
Height | Animated image height. Value range: 128–4,096 px. |
FPS | Supported frame rate range: 1–60 fps. |
For common specifications, VOD provides a preset animated image generating template. In addition, you can also create and manage custom animated image generating templates in the console. For detailed directions, please see Template Settings.
There are three ways to initiate an animated image generating task, namely, directly initiating through server API, directly initiating through the console, and specifying a task upon upload. For more information, please see Task Initiation for video processing.
Below are instructions for initiating animated image generating tasks in these ways:
MediaProcessTask.AnimatedGraphicTaskSet
parameter in the request.procedure
in the ApplyUpload request.procedure
parameter in the signature for upload from client.After initiating an animated image generating task, you can wait for result notification asynchronously or perform task query synchronously to get the task execution result. Below is an example of getting the result notification in normal callback mode after the animated image generating task is initiated (the fields with null value are omitted):
{
"EventType":"ProcedureStateChanged",
"ProcedureStateChangeEvent":{
"TaskId":"1256768367-Procedure-2e1af2456351812be963e309cc133403t0",
"Status":"FINISH",
"FileId":"5285890784246869930",
"FileName":"Animal World",
"FileUrl":"http://1256768367.vod2.myqcloud.com/xxx/xxx/AtUCmy6gmIYA.mp4",
"MetaData":{
"AudioDuration":60,
"AudioStreamSet":[
{
"Bitrate":383854,
"Codec":"aac",
"SamplingRate":48000
}
],
"Bitrate":1021028,
"Container":"mov,mp4,m4a,3gp,3g2,mj2",
"Duration":60,
"Height":480,
"Rotate":0,
"Size":7700180,
"VideoDuration":60,
"VideoStreamSet":[
{
"Bitrate":637174,
"Codec":"h264",
"Fps":23,
"Height":480,
"Width":640
}
],
"Width":640
},
"MediaProcessResultSet":[
{
"Type":"AnimatedGraphics",
"AnimatedGraphicTask":{
"Status":"SUCCESS",
"ErrCode":0,
"Message":"",
"Input":{
"Definition":20001,
"StartTimeOffset":2,
"StartTimeOffset":5
},
"Output":{
"Url":"http://1256768367.vod2.myqcloud.com/xxx/xxx/v.f20001.webp",
"Definition":20001,
"Container":"webp",
"Height":480,
"Width":640,
"Bitrate":324271,
"Size":121601,
"Md5":"084d403c73930ca2f835679af1f37bd3",
"StartTimeOffset":3,
"EndTimeOffset":5
}
}
}
],
"TasksPriority":0,
"TasksNotifyMode":""
}
}
In the callback result, ProcedureStateChangeEvent.MediaProcessResultSet
contains the transcoding result in Type
of AnimatedGraphics
, and Definition
is 20001.
Was this page helpful?