Interactive Sample: xAPI Tracking + Custom JS + LMS Integration Ready
Understanding how learners interact with content is essential to improving eLearning experiences. This interactive sample demonstrates how video activity can be tracked in real time using xAPI (Experience API), offering detailed insights beyond completion status.
Learners can start the video, pause, seek, and resume—and each interaction is captured and displayed live in a custom-built tracking log. Once the learner watches at least 70% of the video, they can generate a summary of their actions.
Through this project, I aimed to demonstrate:
- Integration of xAPI tracking into custom HTML5 learning activities
- Use of JavaScript to capture detailed learner behaviors (play, pause, seek, etc.)
- Real-time visual feedback for enhanced learner engagement.
- Summary generation based on tracked interactions.
- Readiness for LMS or LRS integration using ADL xAPI Wrapper.
- Responsive layout and accessible design for diverse user environments