Video editable

{
"resources": {
"video_1": {
"source": {
"remote_url": "https://cdn.shakr.com/video_1.mp4"
},
"transform": {
"trim_strategy": "manual",
"trim_start_time": 0
}
}
}
}

How to customize source for video editable#

Support remote_url only.

How to customize transform for video editable#

Support trim_strategy for video editable. It only supports manual. Also, it requires trim_start_time to specify which part of the video to use. In case of video editable, crop will happening automatically based on frame of editable.

Image on a Video Editable#

You can also put an image onto a video editable. In this case, a simple animation effect can be optionally applied. The first example, a mapping for video_1 editable, demonstrates placing an image onto a video editable, without applying an animation effect. The second one, a mapping for video_2 editable, illustrates how to apply an animation, with automatic image cropping.

{
"resources": {
"video_1": {
"source": {
"remote_url": "https://cdn.shakr.com/model.jpg"
},
"transform": {
"crop_x": 0,
"crop_y": 376,
"crop_width": 784,
"crop_height": 418,
"crop_strategy": "manual",
"animate_strategy": "none"
}
},
"video_2": {
"source": {
"remote_url": "https://cdn.shakr.com/product.png"
},
"transform": {
"crop_strategy": "cover",
"animate_strategy": "zoom-in",
"animate_speed": "moderate"
}
}
}
}

How to customize source for video editable#

Provide remote_url with a URL which points to an image.

How to customize transform for video editable#

Cropping an image#

See Image editable for details. Please note that the manual crop strategy is not supported unless animate_strategy, which is described below, is set to none.

Animating an image#

First, decide which animate_strategy to use. Currently the following strategies are supported:

  • none
  • slide-to-left
  • slide-to-right
  • slide-to-top
  • slide-to-bottom
  • zoom-in
  • zoom-out

If you decided not to animate your image, set it to none. Do not supply any other animation-related transform parameters.

Otherwise, you must also specify animate_speed. Possible values are slow, moderate, and fast.