spodlecki/videojs-event-tracking

Track events with VideoJS and keep an eye on performance metrics

videojs-event-tracking's Issues

Buffering Event: Investigate why secondsToLoad can report extremely high

(most likely related to #3 in some way)

Within the buffer tracking, the secondsToLoad has been reported to be very high. From a quick glance, it looks like the user would be able to begin buffering, hit the pause, and wait for the scrub bar to show more buffering, then press play... at that time, we'd say "buffering done" which is most likely not the right way to handle it.

Current work around is to simply ignore in the charts the items that are obviously broken

Scrubbing check during recording video buffering metric

Hi.

My question was related to the following behavior:

• Why do we have the check on scrubbing for recording buffering metric? The reason I am asking is that whenever I am seeking the video to a considerable timestamp forward or backward the video player is waiting/buffering and because of this check I am losing on that important data point.

Regards,
Subhendu

Write tests.

This repo was built without tests for a proof of concept / quick prototyping. Now that a basic outline has been done, write some tests.

Is there a way to simulate tracking:buffered event?

I'm writing some code to handle buffering events. Do you have any suggestion on how to simulate the buffered effect so I can test my integration? Thanks!

Performance metrics not active when enabled via player.on

I'm trying to the performance tracker to fire off via player.on().

Adding a "performance" function to the eventTracking config works.

player.eventTracking({
    performance: function(data) {
      console.log('tracking:performance', data);
    }
});

Adding it via player.on() does not work. This is my preferred method, but it doesn't fire off.

player.on('tracking:performance', (e, data) => console.log(e.type, data))

I'm working with the index.html in the Github repo. I followed the instructions in the Readme to clone the repo, install the dependencies, and open the index.html.

Browser: Firefox Developer Edition 103.0b9 (64-bit)
VideoJS: 7.18.1

Develop catch for "Performance Tracking" when user unloads page

When a user is viewing the videojs object, they can navigate away from the page. This will cause the performance event to not be fired.

Probable solution is to listen for the unload event and trigger the performance event. This should increase accuracy of the performance events being fired.

Integrate into HTML

Is there a way to load this on my existing HTML page that runs the player, instead of in another Javascript application, similar to this:

    <video id="my-video" class="video-js" controls preload="auto" width="1280" height="720" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
      <source src="playlist.m3u8" type="application/x-mpegURL" />
      <p class="vjs-no-js">
        To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_b$
      </p>
    </video>
    <script src="../node_modules/video.js/dist/video.min.js"></script>
    <script src="../node_modules/videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js"></script>
    <script src="../node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>
    <script>
      var player = videojs('my-video');

      player.hlsQualitySelector();
    </script>

Play Event: Investigate why secondsToLoad can report extremely high

Within the play tracking, the secondsToLoad has been reported to be very high. It is possible that the video is being loaded and not played for a long time. Maybe the user paused before first frame?

Example graph;