Monitor Video.js

1
// Import the Video.js library for video streaming
2
3
import videojs from "video.js";
4
import initVideoJsTracking from "@fastpix/videojs-monitor";
5
6
// Reference to the video element
7
const videoPlayerElement = document.getElementById("video-player");
8
9
// Record the player initialization time
10
const initializationTime = initVideoJsTracking.utilityMethods.now();
11
12
// Create a new Video.js instance for the player
13
const videojsInstance = videojs(videoPlayerElement);
14
15
// Custom metadata for tracking purposes
16
const trackingData = {
17
   workspace_id: "WORKSPACE_KEY", // Unique key to identify your workspace (replace with your actual workspace key)
18
   player_name: "PLAYER_NAME", // A custom name or identifier for this video player instance
19
   player_init_time: initializationTime, // Timestamp of when the player was initialized (useful for performance tracking)
20
   video_title: "VIDEO_TITLE", // Title of the video being played for analytics
21
   video_id: "VIDEO_ID", // Unique identifier for the video
22
   viewer_id: "VIEWER_ID", // Unique identifier for the viewer
23
   // Add any additional metadata if needed
24
};
25
26
// Initialize video.js tracking with custom configuration
27
initVideoJsTracking(videojsInstance, {
28
   debug: false, // Set to true to enable debug logs in the console
29
   videojs: videojs, // Pass the imported videojs function
30
   data: trackingData, // Attach custom metadata for analytics and tracking
31
});
32
33
// Call this method to stop the monitoring.
34
// videojsInstance.fp.destroy();

1
// Import the Video.js library for video streaming
2
3
import videojs from "video.js";
4
import initVideoJsTracking from "@fastpix/videojs-monitor";
5
6
// Reference to the video element
7
const videoPlayerElement = document.getElementById("video-player");
8
9
// Record the player initialization time
10
const initializationTime = initVideoJsTracking.utilityMethods.now();
11
12
// Create a new Video.js instance for the player
13
const videojsInstance = videojs(videoPlayerElement);
14
15
// Custom metadata for tracking
16
const trackingData = {
17
   workspace_id: "WORKSPACE_KEY", // Unique key to identify your workspace (replace with your actual workspace key)
18
   player_name: "PLAYER_NAME", // A custom name or identifier for this video player instance
19
   player_init_time: initializationTime, // Timestamp of when the player was initialized (useful for tracking performance metrics)
20
   video_title: "VIDEO_TITLE", // Title of the video being played (replace with the actual title of your video)
21
   video_id: "VIDEO_ID", // A unique identifier for the video (replace with your actual video ID for tracking purposes)
22
   viewer_id: "user12345", // A unique identifier for the viewer (e.g., user ID, session ID, or any other unique value)
23
   video_content_type: "series", // Type of content being played (e.g., series, movie, etc.)
24
   video_stream_type: "on-demand", // Type of streaming (e.g., live, on-demand)
25
26
   // Custom fields for additional business logic
27
   custom_1: "", // Use this field to pass any additional data needed for your specific business logic
28
   custom_2: "", // Use this field to pass any additional data needed for your specific business logic
29
   // Add any additional metadata
30
};
31
32
// Initialize video.js tracking with custom configuration
33
initVideoJsTracking(videojsInstance, {
34
   debug: false, // Set to true to enable debug logs in the console
35
   videojs: videojs, // Pass the imported videojs function
36
   data: trackingData, // Attach custom metadata for analytics and tracking
37
});
38
39
// Call this method to stop the monitoring.
40
// videojsInstance.fp.destroy();

1
// Import the Video.js library for video streaming
2
3
import videojs from "video.js";
4
import initVideoJsTracking from "@fastpix/videojs-monitor";
5
6
// Reference to the video element
7
const videoPlayerElement = document.getElementById("video-player");
8
9
// Create a new Video.js instance for the player
10
const videojsInstance = videojs(videoPlayerElement);
11
12
const trackingData = {
13
   debug: true, // Set to true to enable debug logs in the console
14
   videojs: videojs,
15
   disableCookies: true, // Set to true to disable cookies for tracking sessions and unique viewers
16
   respectDoNotTrack: true, // Set to true to honor users' 'Do Not Track' preferences
17
   automaticErrorTracking: false, // Set to false to disable automatic tracking of fatal errors
18
   data: {
19
      workspace_id: "WORKSPACE_KEY", // Replace with your actual workspace key
20
      // ... add other metadata as needed
21
   },
22
};
23
24
// Initialize video.js tracking with custom configuration
25
initVideoJsTracking(videojsInstance, trackingData);

1
// Import the Video.js library for video streaming
2
3
import videojs from "video.js";
4
import initVideoJsTracking from "@fastpix/videojs-monitor";
5
6
// Reference to the video element
7
const videoPlayerElement = document.getElementById("video-player");
8
9
// Create a new Video.js instance for the player
10
const videojsInstance = videojs(videoPlayerElement);
11
12
videojsInstance.fp.dispatch("error", {
13
   player_error_code: 1024, // Custom error code
14
   player_error_message: "Description of error", // Generalized error message
15
   player_error_context: "Additional context for the error", // Instance-specific information
16
});

1
// Import the Video.js library for video streaming
2
3
import videojs from "video.js";
4
import initVideoJsTracking from "@fastpix/videojs-monitor";
5
6
// Reference to the video element
7
const videoPlayerElement = document.getElementById("video-player");
8
9
// Create a new Video.js instance for the player
10
const videojsInstance = videojs(videoPlayerElement);
11
12
videojsInstance.fp.dispatch("videoChange", {
13
   video_id: "abc345", // Unique identifier for the new video
14
   video_title: "My Other Great Video", // Title of the new video
15
   video_series: "Weekly Great Videos", // Series name if applicable
16
17
   // Additional metadata can be included here
18
});

1
// Import the Video.js library for video streaming
2
3
import videojs from "video.js";
4
import initVideoJsTracking from "@fastpix/videojs-monitor";
5
6
// Reference to the video element
7
const videoPlayerElement = document.getElementById("video-player");
8
9
// Record the player initialization time
10
const initializationTime = initVideoJsTracking.utilityMethods.now();
11
12
// Create a new Video.js instance for the player
13
const videojsInstance = videojs(videoPlayerElement);
14
15
// Custom metadata for tracking
16
const trackingData = {
17
   workspace_id: "WORKSPACE_KEY", // Unique key to identify your workspace (replace with your actual workspace key)
18
   player_name: "PLAYER_NAME", // A custom name or identifier for this video player instance
19
   player_init_time: initializationTime, // Timestamp of when the player was initialized (useful for tracking performance metrics)
20
   video_title: "VIDEO_TITLE", // Title of the video being played (replace with the actual title of your video)
21
   video_id: "VIDEO_ID", // A unique identifier for the video (replace with your actual video ID for tracking purposes)
22
   viewer_id: "user12345", // A unique identifier for the viewer (e.g., user ID, session ID, or any other unique value)
23
   video_content_type: "series", // Type of content being played (e.g., series, movie, etc.)
24
   video_stream_type: "on-demand", // Type of streaming (e.g., live, on-demand)
25
26
   // Custom fields for additional business logic
27
   custom_1: "", // Use this field to pass any additional data needed for your specific business logic
28
   custom_2: "", // Use this field to pass any additional data needed for your specific business logic
29
30
   // Add any additional metadata
31
};
32
33
// Initialize video.js tracking with custom configuration
34
initVideoJsTracking(videojsInstance, {
35
   debug: false, // Set to true to enable debug logs in the console
36
   videojs: videojs, // Pass the imported videojs function
37
   data: trackingData, // Attach custom metadata for analytics and tracking
38
});
39
40
// Call this method to stop the monitoring.
41
// videojsInstance.fp.destroy();