popcorn_example.json

{
        "template": "basic",
        "background": "#FFFFFF",
        "data": {
            "targets": [{
                "id": "Target0",
                "name": "video-container",
                "element": "video-container",
            }],
            "media": [{
                "id": "Media0",
                "name": "Media0",
                "url": "#t=,30", // Replace 30 with how long you want the edit track to be
                "target": "video",
                "duration": 99, // This is the duration of the whole end product
                "popcornOptions": {
                    "frameAnimation": true,
                },
                "controls": true,
                "tracks": [{
                    "name": "",
                    "id": "0",
                    "order": 0,
                    "trackEvents": [{ // create a new object in here for every video you want to exist in the track
                        "id": "TrackEvent0",
                        "type": "sequencer",
                        "popcornOptions": {
                          // feel free to edit start, end, position, etc. to modify the videos being loaded in
                            "start": 0,
                            "source": ["https://path.to/video"], // this depends on your video
                            "fallback": "",
                            "denied": false,
                            "end": 99, // this depends on your video (it's the duration)
                            "from": 0,
                            "title": "Example Title", // this depends on your video
                            "type": "Youtube", // this depends on your video
                            "thumbnailSrc": "https://url.to/thumbnail", // this depends on your video
                            "duration": 99, // this depends on your video
                            "linkback": "",
                            "contentType": "",
                            "hidden": false,
                            "target": "video-container",
                            "left": 0,
                            "top": 0,
                            "width": 100,
                            "height": 100,
                            "volume": 100,
                            "mute": false,
                            "zindex": 1000,
                            "id": "TrackEvent0"
                        },
                        "track": "0",
                        "name": "TrackEvent0"
                    }]
                }],
                "clipData": {
                  // For each of the clips you want to have in the editor, generate one of these
                  {
                      "type": "Youtube",
                      "title": "Example Video Title",
                      "source": "https://url.to/video",
                      "thumbnail": "https://url.to/thumbnail",
                      "duration": 99
                  }
                },
                "currentTime": 0,
            }]
        },
        "tags": ["popcorn"],
    }