@gumlet/insights-js-core 1.0.3 → 1.1.0

package/js/adapters/Bitmovin7Adapter.js

@@ -0,0 +1,352 @@
+import Events from '../enums/Events';
+
+class Bitmovin7Adapter {
+  constructor(player, eventCallback) {
+    this.onBeforeUnLoadEvent = false;
+    this.player = player;
+    this.eventCallback = eventCallback;
+    this.register();
+  }
+
+  register() {
+
+    const getProgConfigFromProgressiveConfig = (progressive) => {
+      if (!progressive) {
+        return {
+          progUrl: undefined,
+          progBitrate: undefined
+        };
+      }
+
+      if (typeof progressive === 'string') {
+        return {
+          progUrl: progressive,
+          progBitrate: 0
+        };
+      }
+
+      if (Array.isArray(progressive)) {
+        const playbackVideoData = this.player.getPlaybackVideoData();
+        const progressiveArrayIndex = parseInt(playbackVideoData.id) || 0;
+        return {
+          progUrl: progressive[progressiveArrayIndex].url,
+          progBitrate: progressive[progressiveArrayIndex].bitrate || 0,
+        };
+      }
+
+      if (typeof progressive === 'object') {
+        return {
+          progUrl: progressive.url,
+          progBitrate: progressive.bitrate || 0
+        };
+      }
+    };
+    /* eslint-disable no-unused-vars */
+    this.player.addEventHandler(this.player.EVENT.ON_SOURCE_UNLOADED, (event) => {
+      this.eventCallback(Events.SOURCE_UNLOADED, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_SOURCE_LOADED, (event) => {
+      let autoplay = false;
+      if (this.player.getConfig().playback && this.player.getConfig().playback.autoplay) {
+        autoplay = this.player.getConfig().playback.autoplay;
+      }
+
+      const config = this.player.getConfig();
+      let source = {};
+      const progConf = getProgConfigFromProgressiveConfig(config.source.progressive);
+      if (config.source) {
+        source = {
+          mpdUrl : config.source.dash,
+          m3u8Url: config.source.hls,
+          progUrl: progConf.progUrl,
+          progBitrate: progConf.progBitrate
+        };
+      }
+
+
+      this.eventCallback(Events.SOURCE_LOADED, {
+        isLive           : this.player.isLive(),
+        version          : this.player.version,
+        type             : this.player.getPlayerType(),
+        duration         : this.player.getDuration(),
+        streamType       : this.player.getStreamType(),
+        mpdUrl           : source.mpdUrl,
+        m3u8Url          : source.m3u8Url,
+        progUrl          : source.progUrl,
+        progBitrate      : source.progBitrate,
+        videoWindowWidth : this.player.getFigure().offsetWidth,
+        videoWindowHeight: this.player.getFigure().offsetHeight,
+        isMuted          : this.player.isMuted(),
+        autoplay
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_READY, () => {
+      let autoplay = false;
+      if (this.player.getConfig().playback && this.player.getConfig().playback.autoplay) {
+        autoplay = this.player.getConfig().playback.autoplay;
+      }
+
+      const config = this.player.getConfig();
+      let source = {};
+      const progConf = getProgConfigFromProgressiveConfig(config.source.progressive);
+      if (config.source) {
+        source = {
+          videoId: config.source.videoId,
+          userId : config.source.userId,
+          mpdUrl : config.source.dash,
+          m3u8Url: config.source.hls,
+          progUrl: progConf.progUrl,
+          progBitrate: progConf.progBitrate
+        };
+      }
+      // By default preload is true in bitmovin7
+      let preload = true;
+      if (this.player.getConfig().adaptation.preload != undefined && typeof this.player.getConfig().adaptation.preload == 'boolean') {
+        preload = this.player.getConfig().adaptation.preload;
+      }
+
+      let playerAudioLanguage = this.player.getAudio();
+      if (!playerAudioLanguage) {
+        playerAudioLanguage = "undetected";
+      }
+
+      this.eventCallback(Events.READY, {
+        isLive           : this.player.isLive(),
+        version          : this.player.version,
+        type             : this.player.getPlayerType(),
+        duration         : this.player.getDuration(),
+        streamType       : this.player.getStreamType(),
+        videoId          : source.videoId,
+        userId           : source.userId,
+        mpdUrl           : source.mpdUrl,
+        m3u8Url          : source.m3u8Url,
+        progUrl          : source.progUrl,
+        progBitrate      : source.progBitrate,
+        videoWindowWidth : this.player.getFigure().offsetWidth,
+        videoWindowHeight: this.player.getFigure().offsetHeight,
+        isMuted          : this.player.isMuted(),
+        preload          : preload,
+        audioLanguage    : playerAudioLanguage,
+        isFullScreen     : this.player.isFullscreen(),
+        autoplay
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_CAST_STARTED, (event) => {
+      this.eventCallback(Events.START_CAST, event);
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_CAST_STOPPED, () => {
+      this.eventCallback(Events.END_CAST, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_PLAY, () => {
+      this.eventCallback(Events.PLAY, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_PAUSED, () => {
+      this.eventCallback(Events.PAUSE, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_TIME_CHANGED, () => {
+      this.eventCallback(Events.TIMECHANGED, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_SEEK, () => {
+      this.eventCallback(Events.SEEK, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_SEEKED, () => {
+      this.eventCallback(Events.SEEKED, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_STALL_STARTED, () => {
+      this.eventCallback(Events.START_BUFFERING, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_STALL_ENDED, () => {
+      this.eventCallback(Events.END_BUFFERING, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_AUDIO_PLAYBACK_QUALITY_CHANGED, () => {
+      const quality = this.player.getPlaybackAudioData();
+
+      this.eventCallback(Events.AUDIO_CHANGE, {
+        bitrate           : quality.bitrate,
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_VIDEO_PLAYBACK_QUALITY_CHANGED, () => {
+      const quality = this.player.getPlaybackVideoData();
+
+      this.eventCallback(Events.VIDEO_CHANGE, {
+        width             : quality.width,
+        height            : quality.height,
+        bitrate           : quality.bitrate,
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_FULLSCREEN_ENTER, () => {
+      this.eventCallback(Events.START_FULLSCREEN, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_FULLSCREEN_EXIT, () => {
+      this.eventCallback(Events.END_FULLSCREEN, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_AD_STARTED, () => {
+      this.eventCallback(Events.START_AD, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_AD_FINISHED, () => {
+      this.eventCallback(Events.END_AD, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_MUTED, () => {
+      this.eventCallback(Events.MUTE, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_UNMUTED, () => {
+      this.eventCallback(Events.UN_MUTE, {
+        currentTime       : this.player.getCurrentTime(),
+        droppedFrames     : this.player.getDroppedFrames(),
+        currentVideoData  : this.player.getPlaybackVideoData(),
+        isFullScreen      : this.player.isFullscreen(),
+        isCasting         : this.player.isCasting(),
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_ERROR, (event) => {
+      this.eventCallback(Events.ERROR, {
+        code          : event.code,
+        message       : event.message,
+        currentTime   : this.player.getCurrentTime()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_PLAYBACK_FINISHED, () => {
+      this.eventCallback(Events.PLAYBACK_FINISHED, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    if (typeof window !== "undefined")
+    {
+      window.onunload = window.onbeforeunload = () => {
+        if (!this.onBeforeUnLoadEvent) {
+          this.onBeforeUnLoadEvent = true;
+          this.eventCallback(Events.UNLOAD, {
+            currentTime  : this.player.getCurrentTime(),
+            droppedFrames: this.player.getDroppedFrames()
+          });
+        }
+      };
+    }
+    else{
+      if (!this.onBeforeUnLoadEvent) {
+        this.onBeforeUnLoadEvent = true;
+        this.eventCallback(Events.UNLOAD, {
+          currentTime  : this.player.getCurrentTime(),
+          droppedFrames: this.player.getDroppedFrames()
+        });
+      }
+    }
+   
+  }
+}
+
+export default Bitmovin7Adapter;

package/js/adapters/BitmovinAdapter.js

@@ -0,0 +1,198 @@
+import Events from '../enums/Events';
+
+class BitmovinAdapter {
+  constructor(player, eventCallback) {
+    this.onBeforeUnLoadEvent = false;
+    this.player = player;
+    this.eventCallback = eventCallback;
+    this.register();
+  }
+
+  register() {
+    this.player.addEventHandler(this.player.EVENT.ON_SOURCE_LOADED, () => {
+      this.eventCallback(Events.SOURCE_LOADED);
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_READY, () => {
+      let autoplay = false;
+      if (this.player.getConfig().playback && this.player.getConfig().playback.autoplay) {
+        autoplay = this.player.getConfig().playback.autoplay;
+      }
+
+      this.eventCallback(Events.READY, {
+        isLive           : this.player.isLive(),
+        version          : this.player.getVersion(),
+        type             : this.player.getPlayerType(),
+        duration         : this.player.getDuration(),
+        streamType       : this.player.getStreamType(),
+        videoId          : this.player.getConfig().source.videoId,
+        userId           : this.player.getConfig().source.userId,
+        mpdUrl           : this.player.getConfig().source.dash,
+        m3u8Url          : this.player.getConfig().source.hls,
+        progUrl          : this.player.getConfig().source.progressive,
+        videoWindowWidth : this.player.getFigure().offsetWidth,
+        videoWindowHeight: this.player.getFigure().offsetHeight,
+        isMuted          : this.player.isMuted(),
+        autoplay
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_CAST_START, () => {
+      this.eventCallback(Events.START_CAST);
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_CAST_STOP, () => {
+      this.eventCallback(Events.END_CAST);
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_PLAY, () => {
+      this.eventCallback(Events.PLAY, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_PAUSE, () => {
+      this.eventCallback(Events.PAUSE, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_TIME_CHANGED, () => {
+      this.eventCallback(Events.TIMECHANGED, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_SEEK, () => {
+      this.eventCallback(Events.SEEK, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_SEEKED, () => {
+      this.eventCallback(Events.SEEKED, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_START_BUFFERING, () => {
+      this.eventCallback(Events.START_BUFFERING);
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_STOP_BUFFERING, () => {
+      this.eventCallback(Events.END_BUFFERING, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_AUDIO_PLAYBACK_QUALITY_CHANGE, () => {
+      const quality = this.player.getPlaybackAudioData();
+
+      this.eventCallback(Events.AUDIO_CHANGE, {
+        bitrate      : quality.bitrate,
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_VIDEO_PLAYBACK_QUALITY_CHANGE, () => {
+      const quality = this.player.getPlaybackVideoData();
+
+      this.eventCallback(Events.VIDEO_CHANGE, {
+        width        : quality.width,
+        height       : quality.height,
+        bitrate      : quality.bitrate,
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_FULLSCREEN_ENTER, () => {
+      this.eventCallback(Events.START_FULLSCREEN, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+    this.onBeforeUnLoadEvent = false;
+
+    this.player.addEventHandler(this.player.EVENT.ON_FULLSCREEN_EXIT, () => {
+      this.eventCallback(Events.END_FULLSCREEN, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_AD_STARTED, () => {
+      this.eventCallback(Events.START_AD, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_AD_FINISHED, () => {
+      this.eventCallback(Events.END_AD, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_MUTE, () => {
+      this.eventCallback(Events.MUTE, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_UNMUTE, () => {
+      this.eventCallback(Events.UN_MUTE, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_ERROR, (event) => {
+      this.eventCallback(Events.ERROR, {
+        code   : event.code,
+        message: event.message
+      });
+    });
+
+    this.player.addEventHandler(this.player.EVENT.ON_PLAYBACK_FINISHED, () => {
+      this.eventCallback(Events.PLAYBACK_FINISHED, {
+        currentTime  : this.player.getCurrentTime(),
+        droppedFrames: this.player.getDroppedFrames()
+      });
+    });
+
+    if (typeof window !== "undefined")
+    {
+      window.onunload = window.onbeforeunload = () => {
+        if (!this.onBeforeUnLoadEvent) {
+          this.onBeforeUnLoadEvent = true;
+          this.eventCallback(Events.UNLOAD, {
+            currentTime  : this.player.getCurrentTime(),
+            droppedFrames: this.player.getDroppedFrames()
+          });
+        }
+      };
+    }
+    else{
+      if (!this.onBeforeUnLoadEvent) {
+        this.onBeforeUnLoadEvent = true;
+        this.eventCallback(Events.UNLOAD, {
+          currentTime  : this.player.getCurrentTime(),
+          droppedFrames: this.player.getDroppedFrames()
+        });
+      }
+    }
+    
+  }
+}
+
+export default BitmovinAdapter;

package/js/adapters/DashjsAdapter.js

@@ -0,0 +1,140 @@
+/* global dashjs */
+
+import {HTML5Adapter} from './HTML5Adapter';
+import {MIMETypes} from '../enums/MIMETypes';
+import {Players} from '../enums/Players';
+import Events from '../enums/Events';
+
+export class DashjsAdapter extends HTML5Adapter {
+
+  constructor(mediaPlayer, eventCallback, stateMachine) {
+    super(null, eventCallback, stateMachine, Players.DASHJS);
+
+    let videoEl = null;
+    let canPlay = false;
+
+    this.playerSoftwareName = Players.DASHJS;
+
+    try {
+      videoEl = mediaPlayer.getVideoElement();
+    } catch(e) { /* eslint-disable-line no-empty */ }
+    if (!videoEl) {
+      mediaPlayer.on(dashjs.MediaPlayer.events.CAN_PLAY, () => {
+        if (canPlay) {
+          return;
+        }
+        // console.log(dashjs.MediaPlayer.events.CAN_PLAY);
+        videoEl = mediaPlayer.getVideoElement();
+        canPlay = true;
+        this._initialize(mediaPlayer, videoEl);
+
+        const {
+          duration,
+          autoplay,
+          videoWidth,
+          videoHeight,
+          muted
+        } = videoEl;
+  
+        const width = videoEl.clientWidth;
+        const height = videoEl.clientHeight;
+
+        const info       = {
+          type            : 'html5',
+          isLive          : this.isLive(),
+          version         : this.getPlayerVersion() || 'html5',
+          streamType      : this.getStreamType(),
+          streamUrl       : this.getStreamURL(),
+          duration        : duration,
+          autoplay        : autoplay,
+          playerSoftware  : this.playerSoftwareName,
+          videoWindowWidth : parseInt(width),
+          videoWindowHeight: parseInt(height),
+          currentVideoData:{
+            height     : videoHeight,
+            width      : videoWidth,
+            bitrate    : this.analyticsBitrate_,
+            audioCodec : this.audioCodec_,
+            videoCodec : this.videoCodec_,
+          },
+          muted
+        };
+  
+        this.eventCallback(Events.SOURCE_LOADED, info);
+
+      }, this);
+    } else {
+      this._initialize(mediaPlayer, videoEl);
+    }
+  }
+
+  _initialize(mediaPlayer, videoEl) {
+    /**
+     * @public
+     * @member {dashjs.MediaPlayer}
+     */
+    this.mediaPlayer = mediaPlayer;
+
+    this.setMediaElement(videoEl);
+  }
+
+  getPlayerVersion() {
+    return this.mediaPlayer.getVersion();
+  }
+
+  isLive() {
+    // FIXME: Maybe use http://cdn.dashjs.org/latest/jsdoc/module-MediaPlayer.html#getLiveDelay__anchor
+    return false;
+  }
+
+  /**
+   * @override
+   */
+  getMIMEType() {
+    return MIMETypes.DASH;
+  }
+
+  /**
+   * @override
+   */
+  getStreamURL() {
+    return this.mediaPlayer ? this.mediaPlayer.getSource() : null;
+  }
+
+  /**
+   * Implemented by sub-class to deliver current quality-level info
+   * specific to media-engine.
+   * @override
+   * @returns {QualityLevelInfo}
+   */
+  getCurrentQualityLevelInfo() {
+    if (this.mediaPlayer) {
+      const videoBitrateInfoList = this.mediaPlayer.getBitrateInfoListFor('video');
+      const currentVideoQualityIndex = this.mediaPlayer.getQualityFor('video');
+      const currentVideoQuality = videoBitrateInfoList[currentVideoQualityIndex];
+      const currentVideoTrack = this.mediaPlayer.getCurrentTrackFor('video');
+      const currentAudioTrack = this.mediaPlayer.getCurrentTrackFor('audio');
+
+      const {width, height, bitrate} = currentVideoQuality;
+      let audioCodec = null;
+      let videoCodec = null;
+      
+      if (currentVideoTrack) {
+        videoCodec = currentVideoTrack.codec.split('"').length > 0 ? currentVideoTrack.codec.split('"')[1] : currentVideoTrack.codec;
+      }
+
+      if (currentAudioTrack) {
+        audioCodec = currentAudioTrack.codec.split('"').length > 0 ? currentAudioTrack.codec.split('"')[1] : currentAudioTrack.codec;
+      }
+
+      return {
+        width,
+        height,
+        bitrate,
+        audioCodec,
+        videoCodec,
+      };
+    }
+    return null;
+  }
+}