CodePen view

A simple example showing how to use the scenes synchronization to keep the current video time playback and apply it on the next scene.

configuration.json

{
    "story":
    {
        "uid": "story-0",
        "name": "Karting Race",
        "slug": "kart-race",
        "description": "This project have multiple synchronized videos scenes.",
        "default": "scene-0",

        "scenes":
        [
            {
                "uid": "scene-0",
                "name": "Samy Karting",
                "slug": "samy-karting",
                "description": "Samy Karting Session",
                "sync":["scene-1"],

                "media":
                {
                    "uid": "media-0",
                    "type": "video",

                    "source":
                    {
                        "format": "equi",
                        "streaming": "dash",
                        "url": "samy-dash.mpd"
                    },

                    "options":
                    {
                        "autoPlay": true,
                        "loop": true,
                        "volume": 0.1
                    }
                },

                "view":
                {
                    "type": "GoPro"
                }
            },

            {
                "uid": "scene-1",
                "name": "Martin Karting",
                "slug": "martin-karting",
                "description": "Martin Karting Session",
                "sync":["scene-0"],

                "media":
                {
                    "uid": "media-1",
                    "type": "video",

                    "source":
                    {
                        "format": "equi",
                        "streaming": "dash",
                        "url": "martin-dash.mpd"
                    },

                    "options":
                    {
                        "autoPlay": true,
                        "loop": true,
                        "volume": 0.1
                    }
                },

                "view":
                {
                    "type": "GoPro"
                }
            }
        ]
    },

    "plugins":
    {
        "prefix": "../../plugins/",

        "engines":
        [
            {
                "uid": "org.forgejs.previousnextbuttons",
                "url": "PreviousNextButtons/"
            }
        ],

        "instances":
        [
            {
                "uid": "previousnextbuttons",
                "engine": "org.forgejs.previousnextbuttons"
            }
        ]
    }
}

Back to samples

21st Apr 2017