@clappr/hlsjs-playback 1.1.0 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clappr/hlsjs-playback",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "HLS Playback based on hls.js",
   "main": "./dist/hlsjs-playback.js",
   "module": "./dist/hlsjs-playback.esm.js",
@@ -15,7 +15,8 @@
     "test:debug": "node --inspect node_modules/.bin/jest ./src --runInBand",
     "test:watch": "jest ./src --watch",
     "lint": "eslint *.js ./src",
-    "lint:fix": "yarn lint -- --fix"
+    "lint:fix": "yarn lint -- --fix",
+    "prepublishOnly": "npm run release"
   },
   "files": [
     "/dist",

package/src/hls.js

@@ -40,6 +40,14 @@ export default class HlsjsPlayback extends HTML5Video {
       this._hls.currentLevel = this._currentLevel
   }
 
+  get latency() {
+    return this._hls.latency
+  }
+
+  get currentProgramDateTime() {
+    return this._hls.playingDate
+  }
+
   get _startTime() {
     if (this._playbackType === Playback.LIVE && this._playlistType !== 'EVENT')
       return this._extrapolatedStartTime
@@ -119,6 +127,15 @@ export default class HlsjsPlayback extends HTML5Video {
     return this.options.src
   }
 
+  get currentTimestamp() {
+    if (!this._currentFragment) return null
+    const startTime = this._currentFragment.programDateTime
+    const playbackTime = this.el.currentTime
+    const playTimeOffSet = playbackTime - this._currentFragment.start
+    const currentTimestampInMs = startTime + playTimeOffSet * 1000
+    return currentTimestampInMs / 1000
+  }
+
   static get HLSJS() {
     return HLSJS
   }
@@ -627,6 +644,7 @@ export default class HlsjsPlayback extends HTML5Video {
   }
 
   _onFragmentChanged(evt, data) {
+    this._currentFragment = data.frag
     this.trigger(Events.Custom.PLAYBACK_FRAGMENT_CHANGED, data)
   }
 

package/src/hls.test.js

@@ -346,4 +346,27 @@ describe('HlsjsPlayback', () => {
       expect(cb).not.toHaveBeenCalled()
     })
   })
+
+  describe('currentTimestamp', () => {
+    it('returns the fragment time plus the current playback time', () => {
+      const fragmentMock = {
+        frag: {
+          programDateTime: 1556663040000, // 'Tue Apr 30 2019 19:24:00'
+          start: 0,
+        }
+      }
+      const playback = new HlsjsPlayback({ src: 'http://clappr.io/foo.m3u8' })
+      playback.el.currentTime = 5
+      playback._setup()
+      playback.unbindCustomListeners()
+      playback._hls.trigger(HLSJS.Events.FRAG_CHANGED, fragmentMock)
+      expect(playback.currentTimestamp).toBe(1556663045) // 'Tue Apr 30 2019 19:24:05'
+    })
+
+    it('returns null if the playback does not have a fragment', () => {
+      const playback = new HlsjsPlayback({ src: 'http://clappr.io/foo.m3u8' })
+      playback._setup()
+      expect(playback.currentTimestamp).toBe(null)
+    })
+  })
 })