Subtitles using HTML video template

{
    "timeline": {
        "background": "#000000",
        "fonts": [
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/OpenSans-Regular.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Hi, my name's Scott Ko, as an entrepreneur,</p>",
                            "css": "p { font-family: \"Open Sans\"; font-size: 24px; color: #ffffff; }",
                            "width": 650,
                            "height": 80,
                            "background": "#77000000"
                        },
                        "start": 0.54,
                        "length": 2.48,
                        "position": "bottom",
                        "offset": {
                            "x": 0,
                            "y": 0.1
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>I cannot overstate how important it is these days to use video as a tool to</p>",
                            "css": "p { font-family: \"Open Sans\"; font-size: 24px; color: #ffffff; }",
                            "width": 650,
                            "height": 80,
                            "background": "#77000000"
                        },
                        "start": 3.18,
                        "length": 4.399,
                        "position": "bottom",
                        "offset": {
                            "x": 0,
                            "y": 0.1
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>reach your audience, your community, and your customers.</p>",
                            "css": "p { font-family: \"Open Sans\"; font-size: 24px; color: #ffffff; }",
                            "width": 650,
                            "height": 80,
                            "background": "#77000000"
                        },
                        "start": 7.681,
                        "length": 3.0789,
                        "position": "bottom",
                        "offset": {
                            "x": 0,
                            "y": 0.1
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>People connect with stories and video allows us to be the most authentic we can</p>",
                            "css": "p { font-family: \"Open Sans\"; font-size: 24px; color: #ffffff; }",
                            "width": 650,
                            "height": 80,
                            "background": "#77000000"
                        },
                        "start": 11.25,
                        "length": 4.43,
                        "position": "bottom",
                        "offset": {
                            "x": 0,
                            "y": 0.1
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>be in order to tell those stories.</p>",
                            "css": "p { font-family: \"Open Sans\"; font-size: 24px; color: #ffffff; }",
                            "width": 650,
                            "height": 80,
                            "background": "#77000000"
                        },
                        "start": 15.781,
                        "length": 1.879,
                        "position": "bottom",
                        "offset": {
                            "x": 0,
                            "y": 0.1
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>And so if you can present in front of a camera and you have the right tools to</p>",
                            "css": "p { font-family: \"Open Sans\"; font-size: 24px; color: #ffffff; }",
                            "width": 650,
                            "height": 80,
                            "background": "#77000000"
                        },
                        "start": 18.12,
                        "length": 3.559,
                        "position": "bottom",
                        "offset": {
                            "x": 0,
                            "y": 0.1
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>support and amplify you, you can be unstoppable.</p>",
                            "css": "p { font-family: \"Open Sans\"; font-size: 24px; color: #ffffff; }",
                            "width": 650,
                            "height": 80,
                            "background": "#77000000"
                        },
                        "start": 21.781,
                        "length": 3.379,
                        "position": "bottom",
                        "offset": {
                            "x": 0,
                            "y": 0.1
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://github.com/shotstack/test-media/raw/main/captioning/scott-ko.mp4",
                            "volume": 1
                        },
                        "start": 0,
                        "length": 25.85
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}