Skip to content

Instantly share code, notes, and snippets.

@ptvandi
Last active February 22, 2019 16:57
Show Gist options
  • Save ptvandi/89a550c61fd3631caee94225ec9a53b7 to your computer and use it in GitHub Desktop.
Save ptvandi/89a550c61fd3631caee94225ec9a53b7 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<head>
<meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Include your Sportradar player -->
<script src="//avplayer-cdn.sportradar.com/dist/latest/avvpl-player.js"></script>
<!-- Include Promethean SDK after your player -->
<script src="https://cdn.promethean.tv/sdk/latest/ptv.js"></script>
<link rel="stylesheet" type="text/css" href="//avplayer-cdn.sportradar.com/dist/latest/styles.css" />
<title>Promethean Testing</title>
<style>
body {
margin: 0;
padding: 0;
}
#playercontainer {
position: relative;
width: 100%;
height: 100%;
border: 1px solid black;
}
</style>
</head>
<body>
<!-- Add the main player element -->
<div id="sr-player"></div>
<!-- Initialize the player and Promethean SDK -->
<script>
// Create an instance of the Sportradar player.
let config = {
id: 'sr-player',
handlers: ['html5'],
autoplay: false,
mute: false,
volume: 30,
loglevel: 3
};
let player = new avvpl.setupPlayer(config);
let ptvsdk = new PTV(player, {
channelId: "5c701be7dc3d20080e4092f4",
streamId: "5c701df1208cb25cd63f6af4",
debug: true,
bypassGeoBlock: true
});
</script>
</body>
</html>
@ptvandi
Copy link
Author

ptvandi commented Feb 22, 2019

My changes:

  1. Removed an extra <html> declaration.
  2. Replaced the stylesheet with a publicly hosted one for the player UI.
  3. Replaced channel and stream with one I setup that contains a simple logo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment