Why is the rendering took so long?

Shotstack API
1

Hi, we got many rendering errors recently, the error looks like this

{'id': 'b22dac4a-8f48-4d5d-8917-2e5a6d96e0db', ... , 'status': 'failed', 'error': 'A download or rendering task timed out', 'duration': 6.55, 'billable': 6.55, 'created': '2022-06-29T10:40:34.542Z', 'updated': '2022-06-29T10:55:39.952Z'}

Here is the json content:

{
  "timeline": {
    "soundtrack": {
      "src": "https://surreal.oss-accelerate.aliyuncs.com/pacific/resource/audio/354a94b1530b4002ad133834f0fb9a96/6eb59847c4424df997c9b58c77e54232.mp3?OSSAccessKeyId=LTAI4FhUZsa1YYumWbTWusLN&Expires=1656582697&Signature=AIFllk8XvSHMZ5tbxqXHqtAYZB0%3D",
      "volume": 0.5
    },
    "background": "#FFFFFF",
    "tracks": [
      {
        "clips": [
          {
            "asset": {
              "type": "html",
              "html": "<p></p>",
              "css": "p { display: none; }",
              "width": 0.0,
              "height": 0.0
            },
            "start": 0.0,
            "length": 6.55
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "luma",
              "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/354a94b1530b4002ad133834f0fb9a96/e273d4868d9946f8a2364a7cba385f0d/68187df28ce747e7801d10f0eb32b6ed.jpg?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=gHlvSTKFQ2z4gC82wwnekAOlt70%3D&Expires=1657101283"
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 0.1875,
            "position": "center",
            "offset": {
              "x": 0.2407,
              "y": -0.0632
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          },
          {
            "asset": {
              "type": "luma",
              "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/354a94b1530b4002ad133834f0fb9a96/e273d4868d9946f8a2364a7cba385f0d/f6228c6f1d1646ac95ecaf564d897c75.mp4?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=6%2Fwx8s77XQBKs87Wo6wBIC2RMno%3D&Expires=1657101284"
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 0.1875,
            "position": "center",
            "offset": {
              "x": 0.2407,
              "y": -0.0632
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          },
          {
            "asset": {
              "type": "video",
              "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/354a94b1530b4002ad133834f0fb9a96/e273d4868d9946f8a2364a7cba385f0d/bd9189d7543d42f5a887c3eb574f6c9a.mp4?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=afrss%2B9ZGwh%2Fpp4smGK33X9czqc%3D&Expires=1657101285",
              "volume": 1
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 0.1875,
            "position": "center",
            "offset": {
              "x": 0.2407,
              "y": -0.0632
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "luma",
              "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/354a94b1530b4002ad133834f0fb9a96/e273d4868d9946f8a2364a7cba385f0d/68187df28ce747e7801d10f0eb32b6ed.jpg?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=gHlvSTKFQ2z4gC82wwnekAOlt70%3D&Expires=1657101283"
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 0.1875,
            "position": "center",
            "offset": {
              "x": 0.2407,
              "y": -0.0632
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          },
          {
            "asset": {
              "type": "image",
              "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/354a94b1530b4002ad133834f0fb9a96/e273d4868d9946f8a2364a7cba385f0d/c3556d47dd6949479354b5c3ebe10c21.jpg?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=nT%2B1s8xiT9jeBIqA3aY2nbsvOtQ%3D&Expires=1657101285"
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 0.1875,
            "position": "center",
            "offset": {
              "x": 0.2407,
              "y": -0.0632
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "html",
              "html": "<pre>with </pre>",
              "css": "pre { white-space: pre-wrap;word-break: break-word;font-family: Bentham, NotoSans;font-size: 74px;color: #FFFFFF;font-weight: bold;font-style: normal;text-decoration: none;text-align: center;line-height: 88.8px;}",
              "width": 1841.8734211203475,
              "height": 93.44444444444444
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 1.0,
            "position": "center",
            "offset": {
              "x": 0.3386,
              "y": 0.1622
            },
            "transition": {
              "in": "slideLeft"
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "html",
              "html": "<pre>Dr. BLACK </pre>",
              "css": "pre { white-space: pre-wrap;word-break: break-word;font-family: Bentham, NotoSans;font-size: 143px;color: #FFFFFF;font-weight: bold;font-style: normal;text-decoration: none;text-align: center;line-height: 171.6px;}",
              "width": 1733.5575221238937,
              "height": 179.28888888888886
            },
            "start": 3.2,
            "length": 3.3499999999999996,
            "scale": 1.0,
            "position": "center",
            "offset": {
              "x": 0.1044,
              "y": 0.0853
            },
            "transition": {
              "in": "slideLeft"
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "html",
              "html": "<pre>Meeting </pre>",
              "css": "pre { white-space: pre-wrap;word-break: break-word;font-family: Bentham, NotoSans;font-size: 143px;color: #FFFFFF;font-weight: bold;font-style: normal;text-decoration: none;text-align: center;line-height: 171.6px;}",
              "width": 1733.5575221238937,
              "height": 179.28888888888886
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 1.0,
            "position": "center",
            "offset": {
              "x": 0.1899,
              "y": 0.2432
            },
            "transition": {
              "in": "slideLeft"
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "html",
              "html": "<pre>TIME:\n7:30  - 9:00 a.m.</pre>",
              "css": "pre { white-space: pre-wrap;word-break: break-word;font-family: NotoSans, NotoSans;font-size: 59px;color: #FFFFFF;font-weight: bold;font-style: normal;text-decoration: none;text-align: center;line-height: 70.8px;}",
              "width": 1044.1767425524495,
              "height": 163.66666666666669
            },
            "start": 4.8,
            "length": 1.75,
            "scale": 1.0,
            "position": "center",
            "offset": {
              "x": 0.1235,
              "y": -0.2407
            },
            "transition": {
              "in": "slideLeft"
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "html",
              "html": "<pre>October</pre>",
              "css": "pre { white-space: pre-wrap;word-break: break-word;font-family: NotoSans, NotoSans;font-size: 40px;color: #FFFFFF;font-weight: bold;font-style: normal;text-decoration: none;text-align: center;line-height: 48px;}",
              "width": 884.2577671369278,
              "height": 50.222222222222214
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 1.0,
            "position": "center",
            "offset": {
              "x": -0.1926,
              "y": -0.2364
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 270.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "html",
              "html": "<pre>12</pre>",
              "css": "pre { white-space: pre-wrap;word-break: break-word;font-family: NotoSans, NotoSans;font-size: 153px;color: #FFFFFF;font-weight: bold;font-style: normal;text-decoration: none;text-align: center;line-height: 183.6px;}",
              "width": 3042.722948808312,
              "height": 191.51111111111112
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 1.0,
            "position": "center",
            "offset": {
              "x": -0.3455,
              "y": -0.2444
            },
            "transition": {
              "in": "slideLeft"
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "image",
              "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/354a94b1530b4002ad133834f0fb9a96/e273d4868d9946f8a2364a7cba385f0d/e5940389da0b4e4ba950ac9544748753.svg?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=kZeYG66sLIjSqflmCO14dsfpMMU%3D&Expires=1657101125"
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 0.004487179487179486,
            "position": "center",
            "offset": {
              "x": -0.1398,
              "y": -0.2364
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 90.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "image",
              "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/354a94b1530b4002ad133834f0fb9a96/e273d4868d9946f8a2364a7cba385f0d/fda0a6fbb5254c0fba83033ef0f4e788.svg?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=m3SO2bwufonzMcDXsbRMgksAU2U%3D&Expires=1657101126"
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 0.004487179487179486,
            "position": "center",
            "offset": {
              "x": -0.0839,
              "y": -0.2941
            },
            "opacity": 0.85,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "image",
              "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/354a94b1530b4002ad133834f0fb9a96/e273d4868d9946f8a2364a7cba385f0d/97c426d076294b6aa0eea8abf4144fd5.svg?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=rQ6xIhA3SUh0dBtQsJd%2Fj19DaXM%3D&Expires=1657101126"
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 0.004487179487179486,
            "position": "center",
            "offset": {
              "x": -0.0839,
              "y": -0.1845
            },
            "opacity": 0.85,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "image",
              "src": "https://images.unsplash.com/photo-1616198814651-e71f960c3180?ixid=MnwzMTk3MzJ8MHwxfHNlYXJjaHw2fHxjbG9ja3xlbnwwfHx8fDE2NTU5MzQ1NDk&ixlib=rb-1.2.1",
              "crop": {}
            },
            "start": 0.0,
            "length": 6.55,
            "scale": 1.0,
            "position": "center",
            "offset": {
              "x": 0.0,
              "y": 0.0
            },
            "opacity": 1.0,
            "transform": {
              "rotate": {
                "angle": 0.0
              }
            }
          }
        ]
      }
    ],
    "fonts": [
      {
        "src": "https://cdn.jsdelivr.net/npm/@expo-google-fonts/noto-sans@0.2.2/NotoSans_400Regular.ttf"
      },
      {
        "src": "https://surreal.oss-accelerate.aliyuncs.com/movio/font/prod/Bentham-Regular.ttf?OSSAccessKeyId=LTAI4FhUZsa1YYumWbTWusLN&Expires=1656582697&Signature=R6cgftv437gEd15dYQxpcs%2BXdS8%3D"
      }
    ],
    "cache": false
  },
  "instance": "a1",
  "output": {
    "format": "mp4",
    "size": {
      "width": 1080,
      "height": 1920
    },
    "aspectRatio": "9:16",
    "thumbnail": {
      "capture": 1,
      "scale": 0.5
    }
  }
}

Using studio to rendering the json got similar error: Render timed out after exceeding maximum execution time of 15 minutes

Could you tell which asset cause that error?

How do we solve that problem?

Thanks
Lane.

2

I was able to narrow this down to the SVG images and the opacity setting. When I removed the opacity settings then the render completes in about 30 seconds. That is still a bit slow but there are maybe other optimisations you can make. Like removing all paramaters that do nothing, like rotate: 0 and scale: 1, etc…

To work around the SVG issue - could you use a single PNG image in the shape you want with a transparent background, you could make it the exact size you want without having to use scale.

Another way to do this would be using the HTML asset with the width, height and background colour you want the bars to be and an empty p or span tag.