mesh-delivery/web/azure-media-player/azuremp.html

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Azure Media Player DNA Wrapper</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    <style>
        body {
            font-family: 'Roboto', sans-serif;
        }
    </style>
    <link rel="stylesheet" href="//samples.streamroot.io/web/assets/demo-pages.css">

    <!-- Makes the header -->
    <script src="//samples.streamroot.io/web/assets/header.js"></script>

    <!--Azure Media Player build -->
    <link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
    <script src="//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script>

    <!-- Streamroot wrapper -->
    <script src="//cdn.streamroot.io/azuremp-dna-wrapper/1/stable/azuremp-dna-wrapper.js"></script>
    <script src="//tools.streamroot.io/usage-graphs/stable/graphs.js"></script>

    <!-- Graphs -->
    <script src="//tools.streamroot.io/usage-graphs/stable/graphs.js"></script>
</head>

<body>
    <header></header>
    <center>
        <div>
            <video id="demoplayer" class="azuremediaplayer amp-default-skin" />
        </div>
        <div id="streamroot-graphs"></div>
        <script>
            var player = amp('demoplayer', {
                width: '512',
                height: '288',
                controls: true,
                autoplay: true,
            });
            var dnaConfig = {};
            var wrapper = new AzureMPDnaWrapper(player, "demoswebsiteandpartners", dnaConfig);

            player.muted(true);

            window.player = player;

            player.src([{
                src: 'https://amssamples.streaming.mediaservices.windows.net/bc57e088-27ec-44e0-ac20-a85ccbcd50da/TearsOfSteel.ism/manifest',
                type: 'application/vnd.ms-sstr+xml',
            }]);
        </script>
    </center>
</body>

</html>