HTML5 videos have some quality events. One of those is timeupdate: dispatched when the time indicated by the element's currentTime attribute has changed.
Unfortunately, this event frequency varies between 4Hz and 66Hz(!), so it's not very useful for building interfaces that need to be up to date with the video time.
Enter Frequent Time Update. With 100ms intervals, freqtimeupdate
events are sent out continously while the video plays.
- Include
video.freqtimeupdate.js
- Add an event listener on the video:
video.addEventListener('freqtimeupdate', function(e) {});