CodePen view

Video player using MPEG-DASH encoded streams.

configuration.json

{
    "story":
    {
        "uid": "mpegdash-story",
        "name": "MPEG-DASH Video Story",
        "slug": "mpegdash-story",
        "description": "This is sample of MPEG-DASH video display",
        "default": "scene-0",

        "scenes":
        [
            {
                "uid": "scene-0",
                "name": "First scene",
                "slug": "first-scene",
                "description": "This is the first scene",

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

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

                    "options":
                    {
                        "autoPlay": true,
                        "loop": true,
                        "volume": 0.5
                    }
                }
            }
        ]
    }
}

External library

dash.js is an initiative of the DASH Industry Forum to establish a production quality framework for building video and audio players that play back MPEG-DASH content using client-side JavaScript libraries leveraging the Media Source Extensions API set as defined by the W3C.

<!-- Include the DASH library -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dashjs/2.3.0/dash.all.min.js"></script>

Back to samples

3rd Jan 2017