Can't figure out why there is 1 minute of black at the end of my video

Shotstack API
1

Here is my json. Video1 length is 1:20 (length is set to auto in the api) It is the only thing set to auto, virtually everything else is set to a few seconds or “end”. But the video comes out to be 2:30 - just a full minute of black screen at the end

Other variables: name_end is 72, overlay_start is 75, head_start is 72

{
  "timeline": {
    "fonts": [
      {
        "src": "https://templates.shotstack.io/basic/asset/font/manrope-extrabold.ttf"
      },
      {
        "src": "https://templates.shotstack.io/basic/asset/font/manrope-light.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/allura/v21/9oRPNYsQpS4zjuA_iwgT.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aevHg.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiYA.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/grandifloraone/v3/0ybmGD0g27bCk_5MGWZcKWhxwnUk-hf2.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfedw.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfedw.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/prompt/v10/-W__XJnvUD7dzB2KYNoY.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/prompt/v10/-W__XJnvUD7dzB2KYNoY.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfedw.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfedw.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/prompt/v10/-W__XJnvUD7dzB2KYNoY.ttf"
      },
      {
        "src": "https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfedw.ttf"
      }
    ],
    "background": "#000000",
    "tracks": [
      {
        "clips": [
          {
            "asset": {
              "type": "text",
              "text": "{{AGENT_PHONE}}",
              "alignment": {
                "horizontal": "center",
                "vertical": "center"
              },
              "font": {
                "color": "#000000",
                "family": "Manrope ExtraBold",
                "size": "26",
                "lineHeight": 1
              },
              "width": 445,
              "height": 47
            },
            "start": "{{ head_start }}",
            "length": "{{ head_start }}",
            "offset": {
              "y": -0.192,
              "x": 0
            },
            "transition": {
              "in": "fade",
              "out": "fade"
            },
            "position": "center"
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "text",
              "text": "{{AGENT_NAME}}",
              "alignment": {
                "horizontal": "center",
                "vertical": "center"
              },
              "font": {
                "color": "#000000",
                "family": "Manrope ExtraBold",
                "size": "30",
                "lineHeight": 1
              },
              "width": 549,
              "height": 47
            },
            "start": "{{ head_start }}",
            "length": "{{ head_start }}",
            "offset": {
              "x": 0,
              "y": -0.115
            },
            "position": "center",
            "transition": {
              "in": "fade",
              "out": "fade"
            }
          }
        ]
      },
      {
        "clips": [
          {
            "length": "{{ head_start }}",
            "asset": {
              "type": "image",
              "src": "{{ AGENT_PICTURE }}"
            },
            "start": "{{ head_start }}",
            "scale": 0.311,
            "fit": "contain",
            "offset": {
              "y": 0.13,
              "x": 0
            },
            "transition": {
              "in": "fade",
              "out": "fade"
            },
            "position": "center"
          }
        ]
      },
      {
        "clips": [
          {
            "length": "end",
            "fit": "contain",
            "asset": {
              "type": "video",
              "src": "https://shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com/3h23luho7i/zzy8ahd2-0ilv-hi28-a1v3-3byzml45ayry/source.mov"
            },
            "start": "{{ overlay_start }}",
            "transition": {
              "out": "fade"
            }
          }
        ]
      },
      {
        "clips": [
          {
            "fit": "none",
            "scale": 1,
            "asset": {
              "type": "html",
              "width": 1273,
              "height": 67,
              "position": "center",
              "html": "<p data-html-type=\"text\">{{ ADDRESS1 }}</p>",
              "css": "p { color: #ffffff; font-size: 70px; font-family: 'Poppins'; text-align: center; }"
            },
            "start": 0.31,
            "length": 4.6,
            "offset": {
              "x": -0.001,
              "y": -0.234
            },
            "transition": {
              "in": "fade",
              "out": "fade"
            },
            "position": "center",
            "opacity": 1
          }
        ]
      },
      {
        "clips": [
          {
            "fit": "none",
            "scale": 1,
            "asset": {
              "type": "html",
              "width": 1272,
              "height": 50,
              "position": "center",
              "html": "<p data-html-type=\"text\">{{ ADDRESS2 }}</p>",
              "css": "p { color: #ffffff; font-size: 38px; font-family: 'Poppins'; text-align: center; }"
            },
            "start": 0.47,
            "length": 4.93,
            "offset": {
              "x": 0,
              "y": -0.315
            },
            "transition": {
              "in": "fade",
              "out": "fade"
            },
            "position": "center"
          }
        ]
      },
      {
        "clips": [
          {
            "length": "end",
            "asset": {
              "type": "image",
              "src": "{{ logobroker }}"
            },
            "start": 0.49,
            "scale": 0.1,
            "offset": {
              "x": 0.424,
              "y": -0.389
            },
            "position": "center",
            "fit": "contain"
          }
        ]
      },
      {
        "clips": [
          {
            "length": "end",
            "asset": {
              "type": "image",
              "src": "{{ perslogo }}"
            },
            "start": 0.42,
            "scale": 0.1,
            "offset": {
              "x": -0.426,
              "y": -0.4
            },
            "position": "center",
            "transition": {
              "in": "fade"
            },
            "fit": "contain"
          }
        ]
      },
      {
        "clips": [
          {
            "fit": "none",
            "scale": 1,
            "asset": {
              "type": "html",
              "width": 226,
              "height": 46,
              "html": "<p data-html-type=\"text\">{{ AGENT_PHONE }}</p>",
              "css": "p { color: #000000; font-size: 20px; font-family: 'Manrope Light'; text-align: center; text-scale: shrink; }"
            },
            "start": 1.13,
            "offset": {
              "x": -0.288,
              "y": 0.37
            },
            "position": "center",
            "transition": {
              "in": "fadeSlow",
              "out": "fadeSlow"
            },
            "length": "{{ name_end }}"
          }
        ]
      },
      {
        "clips": [
          {
            "fit": "none",
            "scale": 1,
            "asset": {
              "type": "html",
              "width": 256,
              "height": 25,
              "html": "<p data-html-type=\"text\">{{ AGENT_NAME }}</p>",
              "css": "p { color: #000000; font-size: 21px; font-family: 'Manrope Light'; text-align: center; }"
            },
            "start": 0.75,
            "offset": {
              "x": -0.285,
              "y": 0.417
            },
            "position": "center",
            "transition": {
              "in": "fadeSlow",
              "out": "fade"
            },
            "length": "{{ name_end }}"
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "image",
              "src": "{{ AGENT_PICTURE }}"
            },
            "start": 0.3,
            "length": "{{ name_end }}",
            "offset": {
              "x": -0.438,
              "y": 0.384
            },
            "position": "center",
            "transition": {
              "in": "fadeSlow",
              "out": "fadeSlow"
            },
            "fit": "contain",
            "scale": 0.17
          }
        ]
      },
      {
        "clips": [
          {
            "asset": {
              "type": "video",
              "src": "https://shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com/3h23luho7i/zzy8aqed-49pb-dk3b-3s3s-2v4nub248r3i/source.mov"
            },
            "start": 0.07,
            "length": "{{ name_end }}",
            "offset": {
              "x": 0,
              "y": -0.007
            },
            "position": "center",
            "scale": 1,
            "transition": {
              "out": "fade"
            }
          }
        ]
      },
      {
        "clips": [
          {
            "length": "auto",
            "asset": {
              "type": "video",
              "src": "{{ Video1 }}",
              "volume": 1
            },
            "start": 0,
            "scale": 1,
            "transition": {
              "out": "fadeFast"
            },
            "position": "center"
          }
        ]
      }
    ]
  },
  "output": {
    "format": "mp4",
    "fps": 23.976,
    "size": {
      "width": 1280,
      "height": 720
    }
  },
  "merge": [
    {
      "find": "ADDRESS1",
      "replace": "5271 Lola Way"
    },
    {
      "find": "AGENT_PICTURE",
      "replace": "https://shotstack-ingest-api-v1-renditions.s3.ap-southeast-2.amazonaws.com/3h23luho7i/zzy8avfk-3sy1-eu30-a1vv-27dtej2hyxh8/shotstack-proxy.png"
    },
    {
      "find": "AGENT_NAME",
      "replace": "Susan St. James"
    },
    {
      "find": "ADDRESS2",
      "replace": "Worthingon, OH 43235"
    },
    {
      "find": "AGENT_PHONE",
      "replace": "(614)223-4455"
    },
    {
      "find": "Video1",
      "replace": "https://cbuspicsbucket.s3.us-east-2.amazonaws.com/cc64634a-caa1-4421-8dc2-103081c3e023_IMG_6770.mov"
    },
    {
      "find": "logobroker",
      "replace": "https://b4f9031d9d113f071bc1cce661764e4c.cdn.bubble.io/f1737092385352x426467081771768600/logo1.png"
    },
    {
      "find": "perslogo",
      "replace": "https://b4f9031d9d113f071bc1cce661764e4c.cdn.bubble.io/f1737092385352x426467081771768600/logo1.png"
    },
    {
      "find": "overlay_start",
      "replace": "8"
    },
    {
      "find": "head_start",
      "replace": "9"
    },
    {
      "find": "name_end",
      "replace": "7"
    }
  ],
  "callback": "https://thesite1.bubbleapps.io/version-test/api/1.1/wf/catchp2v"
}
2

Hi Jeff,

The overlay MOV file has embedded timecode metadata starting at 43:29, which is affecting the final video output. Some MOV files include a timecode track or edit list that isn’t reset to 0. If a file is recorded or processed with a non-zero timecode (or has an edit list that delays the start), Shotstack will use that actual timecode. You’ll need to remove or reset this metadata by re-encoding the overlay.

image
image990×206 9.97 KB

1 Like
3

Hi I swapped it out with this but I still have the minute of black “src”: “https://shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com/3h23luho7i/zzz01jkw-5k6qb-6j75q-zxyny-4y7m24/source.mov”

4

Hi Jeff,

I just tested it out with your new mov file and it appears to work for me. Try setting cache to false as it may be trying to use a cached file.

5

That worked, thanks (I also found a clip that was starting and ending at the same time, and changed that so that might have been the issue as well)

1 Like