dash.js/baseline.html at master · sudheeshb/dash.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Baseline Dash JavaScript Player</title>
    <meta name="description" content="" />
    <link rel="icon" type="image/png" href="http://dashpg.com/w/2012/09/dashif.ico" />

    <!-- Libraries -->
    <script src="app/lib/jquery/js/jquery-1.8.3.min.js"></script>
    <script src="app/lib/q.js"></script>
    <script src="app/lib/dijon.js"></script>
    <script src="app/lib/xml2json.js"></script>
    <script src="app/lib/objectiron.js"></script>
    <script src="app/lib/long.js"></script>
    <script src="app/lib/Math.js"></script>

    <!-- Minified Dash -->
    <script src="dash.min.js"></script>

    <script>
        function startVideo() {
            var url = "http://dash.edgesuite.net/envivio/dashpr/clear/Manifest.mpd",
                video,
                context,
                player;

            context = new Dash.di.DashContext();
            player = new MediaPlayer(context);
            player.startup();

            player.setIsLive(false);
            player.attachSource(url);

            video = document.querySelector(".dash-video-player video"),
            player.autoPlay = true;
            player.attachView(video);
        }
    </script>

    <body onload="startVideo()">
        <div class="dash-video-player">
            <video controls="true" style="width: 640px; height: 480px;"></video>
        </div>
    </body>
</html>