{
"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"
}
}Subtitles using HTML styled text.
New to Shotstack? Sign up to use this template and start automatically generating videos.
Test and modify this template directly in Postman by forking our public Collection.
Customize the template and integrate it in to your application or workflow using the programming language of your choice.
Use this template as the starting point for integration with our SDKs. Port the JSON to PHP, Node or Ruby and integrate in to your code base.