Viblast Player supports associating points in a stream with an absolute date and time. This can be useful when you want to synchronise video playback with other timed information related to the stream.
In order to accomplish this feature Viblast Player uses the EXT-X-PROGRAM-DATE-TIME tag that is specified in the HLS playlist.
Accessing the current program date time
Accessing the current absolute date and time is done using the
currentProgramDateTime of the
viblast object associated with a video element:
<video id="player" src="//cdn3.viblast.com/streams/hls/airshow/playlist.m3u8" data-viblast-key="the-key"> </video> ... <script> var player = document.getElementById('player'); var currentTime = player.viblast.currentProgramDateTime; </script>
Or if you are using Video.js:
<video id="player" class="video-js vjs-default-skin"> <source src="//cdn3.viblast.com/streams/hls/airshow/playlist.m3u8" type='application/x-mpegURL' /> </video> ... <script> var player = videojs('#player'); var currentTime = player.viblast.currentProgramDateTime; </script>
currentProgramDateTime returns a Date object that represents
the absolute date and time of the currently displayed frame of the stream. The value of
currentProgramDateTime updates with each update of the player currentTime.
This property is read only.