Monitor DASH.js

1
// Import DASH.js library for video streaming
2
3
import dashjs from "dashjs";
4
import fastpixMetrix from "@fastpix-core";
5
6
// Reference to the video element
7
const videoPlayerElement = document.getElementById("video-player");
8
const initializationTime = fastpixMetrix.utilityMethods.now();
9
10
// Create a new DASH.js instance
11
const dashPlayerInstance = dashjs.MediaPlayer().create();
12
dashPlayerInstance.initialize(videoPlayerElement, "YOUR_DASH_URL", false);
13
14
// Custom dimensions for tracking
15
const trackingData = {
16
  workspace_id: "WORKSPACE_KEY", // Unique key to identify your workspace (replace with your actual workspace key)
17
  player_name: "Main Video Player", // A custom name or identifier for this video player instance
18
  player_init_time: initializationTime, // Timestamp of when the player was initialized (useful for tracking performance metrics)
19
  video_title: "VIDEO_TITLE", // Title of the video being played for analytics
20
  video_id: "VIDEO_ID", // Unique identifier for the video
21
  viewer_id: "VIEWER_ID", // Unique identifier for the viewer
22
  // Add any additional dimension
23
24
};
25
26
// Pass both `dashPlayerInstance` and `dashjs` to the FastPix tracker for correct tracking
27
fastpixMetrix.tracker(videoPlayerElement, {
28
  debug: false, // Set to true to enable debug logs in the console
29
  dashPlayer: dashPlayerInstance, // Pass the `dashPlayerInstance` created above
30
  dashjs: dashjs, // Pass the `dashjs` constructor (imported)
31
  data: trackingData, // Attach custom metadata for analytics and tracking
32
});

1
// Import DASH.js library for video streaming
2
3
import dashjs from "dashjs";
4
import fastpixMetrix from "@fastpix-core";
5
6
// Reference to the video element
7
const videoPlayerElement = document.getElementById("video-player");
8
const initializationTime = fastpixMetrix.utilityMethods.now();
9
10
// Create a new DASH.js instance
11
const dashPlayerInstance = dashjs.MediaPlayer().create();
12
dashPlayerInstance.initialize(videoPlayerElement, "YOUR_DASH_URL", false);
13
14
// Custom metadata for tracking
15
const trackingData = {
16
  workspace_id: "WORKSPACE_KEY", // Unique key to identify your workspace (replace with your actual workspace key)
17
  player_name: "Main Video Player", // A custom name or identifier for this video player instance
18
  player_init_time: initializationTime, // Timestamp of when the player was initialized (useful for tracking performance metrics)
19
  video_title: "Test Content", // Title of the video being played (replace with the actual title of your video)
20
  video_id: "f01a98s76t90p88i67x", // A unique identifier for the video (replace with your actual video ID for tracking purposes)
21
  viewer_id: "user12345", // A unique identifier for the viewer (e.g., user ID, session ID, or any other unique value)
22
  video_content_type: "series", // Type of content being played (e.g., series, movie, etc.)
23
  video_stream_type: "on-demand", // Type of streaming (e.g., live, on-demand)
24
25
  // Custom fields for additional business logic
26
  custom_1: "", // Use this field to pass any additional data needed for your specific business logic
27
  custom_2: "", // Use this field to pass any additional data needed for your specific business logic
28
  // Add any additional metadata here if needed
29
30
};
31
32
// Pass both `dashPlayerInstance` and `dashjs` to the FastPix tracker for correct tracking
33
fastpixMetrix.tracker(videoPlayerElement, {
34
  debug: false, // Set to true to enable debug logs in the console
35
  dashPlayer: dashPlayerInstance, // Pass the `dashPlayerInstance` created above
36
  dashjs: dashjs, // Pass the `dashjs` constructor (imported)
37
  data: trackingData, // Attach custom metadata for analytics and tracking
38
});

1
// Reference to the video element
2
3
const videoPlayerElement = document.getElementById("video-player");
4
5
// Configuration for FastPix tracker
6
const trackingData = {
7
  debug: true, // Set to true to enable debug logs in the console
8
  disableCookies: true, // Set to true to disable cookies for tracking sessions and unique viewers
9
  respectDoNotTrack: true, // Set to true to honor users' 'Do Not Track' preferences
10
  automaticErrorTracking: false, // Set to false to disable automatic tracking of fatal errors
11
  data: {
12
    workspace_id: "WORKSPACE_KEY", // Replace with your actual workspace key
13
14
    // ... add other metadata as needed
15
  },
16
};
17
18
// Initialize the FastPix tracker with the configuration
19
fastpixMetrix.tracker(videoPlayerElement, trackingData);

1
// videoPlayerElement is the HTML5 <video> element representing your video player.
2
3
const videoPlayerElement = document.getElementById("video-player");
4
videoPlayerElement.fp.dispatch("error", {
5
  player_error_code: 1024, // Custom error code
6
  player_error_message: "Description of error", // Generalized error message
7
  player_error_context: "Additional context for the error", // Instance-specific information
8
});

1
// videoPlayerElement is the HTML5 <video> element representing your video player.
2
3
const videoPlayerElement = document.getElementById("#my-player");
4
videoPlayerElement.fp.dispatch("videoChange", {
5
  video_id: "abc345", // Unique identifier for the new video
6
  video_title: "My Other Great Video", // Title of the new video
7
  video_series: "Weekly Great Videos", // Series name if applicable
8
9
  // Additional metadata can be included here
10
});

1
import dashjs from "dashjs";
2
import fastpixMetrix from "@fastpix-core";
3
4
const videoElement = document.getElementById("video-player"); // Video element reference
5
const videoSourceUrl = "https://example.com/your-dash-stream.mpd"; // Your DASH stream URL
6
7
// Ensure the video element is available
8
if (videoElement) {
9
  const playerInitTime = fastpixMetrix.utilityMethods.now(); // Get player initialization time
10
11
  // Initialize DASH.js player
12
  const dashPlayerInstance = dashjs.MediaPlayer().create();
13
  dashPlayerInstance.initialize(videoElement, videoSourceUrl, false);
14
15
  // Custom metadata to be passed for tracking
16
  const customData = {
17
    workspace_id: "WORKSPACE_KEY", // Replace with your workspace key
18
    player_name: "Main Player", // Identifier for the player instance
19
    player_init_time: playerInitTime, // Player initialization time
20
    video_title: "Sample Video", // Title of the video
21
    video_id: "VIDEO_ID", // Unique identifier for the video
22
    viewer_id: "VIEWER_ID", // Unique identifier for the viewer
23
    video_content_type: "on-demand", // Type of content
24
    video_stream_type: "dash", // Stream type
25
26
    // Add any additional metadata here
27
  };
28
29
  // Pass both `dashPlayerInstance` and `dashjs` to the FastPix tracker for correct tracking
30
31
  fastpixMetrix.tracker(videoElement, {
32
    debug: false,
33
    dashPlayer: dashPlayerInstance, // Pass the DASH.js instance
34
    dashjs: dashjs, // Pass the DASH.js constructor
35
    data: customData,
36
  });
37
}