Analytics Package
Adding the AnalyticsPackage
will enable Bitmovin analytics collector
on the player. The package is exported under the packages as AnalyticsPackage
.
To enable analytics, we need to add the package and we need to provide analytics config to it as shown bellow.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bitmovin Player Web X Demo</title>
<script type="text/javascript" src="https://cdn.bitmovin.com/player/web_x/10/bundles/playerx-hls.js"></script>
<script type="text/javascript" src="https://cdn.bitmovin.com/player/web_x/10/packages/playerx-analytics.package.js"></script>
<style>
#player-container {
width: 95%;
margin: 20px auto;
}
video {
display: block;
}
</style>
</head>
<body>
<div id="player-container"></div>
<script type="text/javascript">
const player = bitmovin.playerx.Player({
key: 'YOUR-PLAYER-KEY',
defaultContainer: document.getElementById("player-container"),
analytics: {
key: 'YOUR-ANALYTICS-KEY',
playerKey: 'YOUR-PLAYER-KEY',
}
});
player.packages.add(bitmovin.playerx['analytics'].default)
const sourceConfig = {
resources: [{
url: 'https://cdn.bitmovin.com/content/assets/streams-sample-video/tos/m3u8/index.m3u8',
}]
}
const sourceApi = player.sources.add(sourceConfig);
</script>
</body>
</html>
import {Player} from '@bitmovin/player-web-x/bundles/playerx-hls';
import AnalyticsPackage from '@bitmovin/player-web-x/packages/playerx-analytics.package'
const player = Player({
key: 'YOUR-PLAYER-KEY',
defaultContainer: document.getElementById("player-container"),
analytics: {
key: 'YOUR-ANALYTICS-KEY',
playerKey: 'YOUR-PLAYER-KEY',
}
});
player.packages.add(AnalyticsPackage)
const firstSourceConfig = {
resources: [{
url: 'https://cdn.bitmovin.com/content/assets/streams-sample-video/tos/m3u8/index.m3u8',
}]
}
const firstSourceApi = player.sources.add(firstSourceConfig);
firstSourceApi.play();
You can check complete analytics config in our API documentation.
The collector at the moment supports the following:
- Session tracking
- Startup Times
- Playing and Pause events
- Basic info on source being played and the environment
Start using analytics today, visit <https://dashboard.bitmovin.com/analytics/home>.
Additional analytics features will be added as we are extending the player API and its events.
Updated 3 months ago