Add experimental support for dash streaming

player/videojs.coffee

@@ -32,14 +32,15 @@ sortSources = (sources) ->
     return sourceOrder.concat(flvOrder).map((source) ->
         type: source.contentType
         src: source.link
-        quality: source.quality
+        res: source.quality
+        label: getSourceLabel(source)
     )
 
 getSourceLabel = (source) ->
-    if source.quality is 'auto'
+    if source.res is 'auto'
         return 'auto'
     else
-        return "#{source.quality}p #{source.type.split('/')[1]}"
+        return "#{source.quality}p #{source.contentType.split('/')[1]}"
 
 waitUntilDefined(window, 'videojs', =>
     videojs.options.flash.swf = '/video-js.swf'
@@ -74,14 +75,6 @@ window.VideoJSPlayer = class VideoJSPlayer extends Player
                 return
 
             @sourceIdx = 0
-            @sources.forEach((source) ->
-                $('<source/>').attr(
-                    src: source.src
-                    type: source.type
-                    res: source.quality
-                    label: getSourceLabel(source)
-                ).appendTo(video)
-            )
 
             # TODO: Refactor VideoJSPlayer to use a preLoad()/load()/postLoad() pattern
             # VideoJSPlayer should provide the core functionality and logic for specific
@@ -112,17 +105,22 @@ window.VideoJSPlayer = class VideoJSPlayer extends Player
                 )
 
             @player = videojs(video[0],
-                    autoplay: true,
+                    # https://github.com/Dash-Industry-Forum/dash.js/issues/2184
+                    autoplay: @sources[0].type != 'application/dash+xml',
                     controls: true,
                     plugins:
                         videoJsResolutionSwitcher:
-                            default: @sources[0].quality
+                            default: @sources[0].res
             )
             @player.ready(=>
+                # Have to use updateSrc instead of <source> tags
+                # see: https://github.com/videojs/video.js/issues/3428
+                @player.updateSrc(@sources)
                 @player.on('error', =>
                     err = @player.error()
                     if err and err.code == 4
                         console.error('Caught error, trying next source')
+                        # Does this really need to be done manually?
                         @sourceIdx++
                         if @sourceIdx < @sources.length
                             @player.src(@sources[@sourceIdx])

src/custom-media.js

@@ -20,6 +20,7 @@ const SOURCE_QUALITIES = new Set([
 ]);
 
 const SOURCE_CONTENT_TYPES = new Set([
+    'application/dash+xml',
     'application/x-mpegURL',
     'audio/aac',
     'audio/ogg',
@@ -30,6 +31,7 @@ const SOURCE_CONTENT_TYPES = new Set([
 ]);
 
 const LIVE_ONLY_CONTENT_TYPES = new Set([
+    'application/dash+xml',
     'application/x-mpegURL'
 ]);
 

templates/channel.pug

@@ -256,4 +256,6 @@ html(lang="en")
     script(defer, src="/js/videojs-contrib-hls.min.js")
     script(defer, src="/js/videojs-resolution-switcher.js")
     script(defer, src="/js/playerjs-0.0.12.js")
+    script(defer, src="/js/dash.all.min.js")
+    script(defer, src="/js/videojs-dash.js")
     script(defer, src="https://player.twitch.tv/js/embed/v1.js")

www/js/player.js

@@ -123,7 +123,7 @@
     VimeoPlayer.prototype.seekTo = function(time) {
       if (this.vimeo) {
         return this.vimeo.setCurrentTime(time)["catch"](function(error) {
-          return console.error('vimeo::seekTo():', error);
+          return console.error('vimeo::setCurrentTime():', error);
         });
       }
     };
@@ -139,7 +139,6 @@
     VimeoPlayer.prototype.getTime = function(cb) {
       if (this.vimeo) {
         return this.vimeo.getCurrentTime().then(function(time) {
-          console.log('time', time);
           return cb(parseFloat(time));
         })["catch"](function(error) {
           return console.error('vimeo::getCurrentTime():', error);
@@ -152,7 +151,6 @@
     VimeoPlayer.prototype.getVolume = function(cb) {
       if (this.vimeo) {
         return this.vimeo.getVolume().then(function(volume) {
-          console.log('volume', volume);
           return cb(parseFloat(volume));
         })["catch"](function(error) {
           return console.error('vimeo::getVolume():', error);
@@ -500,16 +498,17 @@
       return {
         type: source.contentType,
         src: source.link,
-        quality: source.quality
+        res: source.quality,
+        label: getSourceLabel(source)
       };
     });
   };
 
   getSourceLabel = function(source) {
-    if (source.quality === 'auto') {
+    if (source.res === 'auto') {
       return 'auto';
     } else {
-      return source.quality + "p " + (source.type.split('/')[1]);
+      return source.quality + "p " + (source.contentType.split('/')[1]);
     }
   };
 
@@ -549,14 +548,6 @@
             return;
           }
           _this.sourceIdx = 0;
-          _this.sources.forEach(function(source) {
-            return $('<source/>').attr({
-              src: source.src,
-              type: source.type,
-              res: source.quality,
-              label: getSourceLabel(source)
-            }).appendTo(video);
-          });
           if (data.meta.gdrive_subtitles) {
             data.meta.gdrive_subtitles.available.forEach(function(subt) {
               var label;
@@ -585,15 +576,16 @@
             });
           }
           _this.player = videojs(video[0], {
-            autoplay: true,
+            autoplay: _this.sources[0].type !== 'application/dash+xml',
             controls: true,
             plugins: {
               videoJsResolutionSwitcher: {
-                "default": _this.sources[0].quality
+                "default": _this.sources[0].res
               }
             }
           });
           return _this.player.ready(function() {
+            _this.player.updateSrc(_this.sources);
             _this.player.on('error', function() {
               var err;
               err = _this.player.error();

www/js/videojs-dash.js

@@ -0,0 +1,636 @@
+/**
+ * videojs-contrib-dash
+ * @version 2.9.1
+ * @copyright 2017 Brightcove, Inc
+ * @license Apache-2.0
+ */
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.videojsDash = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+(function (global){
+'use strict';
+
+exports.__esModule = true;
+exports['default'] = setupAudioTracks;
+
+var _dashjs = (typeof window !== "undefined" ? window['dashjs'] : typeof global !== "undefined" ? global['dashjs'] : null);
+
+var _dashjs2 = _interopRequireDefault(_dashjs);
+
+var _video = (typeof window !== "undefined" ? window['videojs'] : typeof global !== "undefined" ? global['videojs'] : null);
+
+var _video2 = _interopRequireDefault(_video);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+/**
+ * Setup audio tracks. Take the tracks from dash and add the tracks to videojs. Listen for when
+ * videojs changes tracks and apply that to the dash player because videojs doesn't do this
+ * natively.
+ *
+ * @private
+ * @param {videojs} player the videojs player instance
+ * @param {videojs.tech} tech the videojs tech being used
+ */
+function handlePlaybackMetadataLoaded(player, tech) {
+  var mediaPlayer = player.dash.mediaPlayer;
+
+  var dashAudioTracks = mediaPlayer.getTracksFor('audio');
+  var videojsAudioTracks = player.audioTracks();
+
+  function generateIdFromTrackIndex(index) {
+    return 'dash-audio-' + index;
+  }
+
+  function findDashAudioTrack(dashAudioTracks, videojsAudioTrack) {
+    return dashAudioTracks.find(function (_ref) {
+      var index = _ref.index;
+      return generateIdFromTrackIndex(index) === videojsAudioTrack.id;
+    });
+  }
+
+  // Safari creates a single native `AudioTrack` (not `videojs.AudioTrack`) when loading. Clear all
+  // automatically generated audio tracks so we can create them all ourself.
+  if (videojsAudioTracks.length) {
+    tech.clearTracks(['audio']);
+  }
+
+  var currentAudioTrack = mediaPlayer.getCurrentTrackFor('audio');
+
+  dashAudioTracks.forEach(function (dashTrack) {
+    var label = dashTrack.lang;
+
+    if (dashTrack.roles && dashTrack.roles.length) {
+      label += ' (' + dashTrack.roles.join(', ') + ')';
+    }
+
+    // Add the track to the player's audio track list.
+    videojsAudioTracks.addTrack(new _video2['default'].AudioTrack({
+      enabled: dashTrack === currentAudioTrack,
+      id: generateIdFromTrackIndex(dashTrack.index),
+      kind: dashTrack.kind || 'main',
+      label: label,
+      language: dashTrack.lang
+    }));
+  });
+
+  videojsAudioTracks.addEventListener('change', function () {
+    for (var i = 0; i < videojsAudioTracks.length; i++) {
+      var track = videojsAudioTracks[i];
+
+      if (track.enabled) {
+        // Find the audio track we just selected by the id
+        var dashAudioTrack = findDashAudioTrack(dashAudioTracks, track);
+
+        // Set is as the current track
+        mediaPlayer.setCurrentTrack(dashAudioTrack);
+
+        // Stop looping
+        continue;
+      }
+    }
+  });
+}
+
+/*
+ * Call `handlePlaybackMetadataLoaded` when `mediaPlayer` emits
+ * `dashjs.MediaPlayer.events.PLAYBACK_METADATA_LOADED`.
+ */
+function setupAudioTracks(player, tech) {
+  // When `dashjs` finishes loading metadata, create audio tracks for `video.js`.
+  player.dash.mediaPlayer.on(_dashjs2['default'].MediaPlayer.events.PLAYBACK_METADATA_LOADED, handlePlaybackMetadataLoaded.bind(null, player, tech));
+}
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],2:[function(require,module,exports){
+(function (global){
+'use strict';
+
+exports.__esModule = true;
+exports['default'] = setupTextTracks;
+
+var _dashjs = (typeof window !== "undefined" ? window['dashjs'] : typeof global !== "undefined" ? global['dashjs'] : null);
+
+var _dashjs2 = _interopRequireDefault(_dashjs);
+
+var _video = (typeof window !== "undefined" ? window['videojs'] : typeof global !== "undefined" ? global['videojs'] : null);
+
+var _video2 = _interopRequireDefault(_video);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+function find(l, f) {
+  for (var i = 0; i < l.length; i++) {
+    if (f(l[i])) {
+      return l[i];
+    }
+  }
+}
+
+/*
+ * Attach text tracks from dash.js to videojs
+ *
+ * @param {videojs} player the videojs player instance
+ * @param {array} tracks the tracks loaded by dash.js to attach to videojs
+ *
+ * @private
+ */
+function attachDashTextTracksToVideojs(player, tech, tracks) {
+  var trackDictionary = [];
+
+  // Add remote tracks
+  var tracksAttached = tracks
+  // Map input data to match HTMLTrackElement spec
+  // https://developer.mozilla.org/en-US/docs/Web/API/HTMLTrackElement
+  .map(function (track) {
+    return {
+      dashTrack: track,
+      trackConfig: {
+        label: track.lang,
+        language: track.lang,
+        srclang: track.lang
+      }
+    };
+  }
+
+  // Add track to videojs track list
+  ).map(function (_ref) {
+    var trackConfig = _ref.trackConfig,
+        dashTrack = _ref.dashTrack;
+
+    var remoteTextTrack = player.addRemoteTextTrack(trackConfig, true);
+    trackDictionary.push({ textTrack: remoteTextTrack.track, dashTrack: dashTrack });
+
+    // Don't add the cues becuase we're going to let dash handle it natively. This will ensure
+    // that dash handle external time text files and fragmented text tracks.
+    //
+    // Example file with external time text files:
+    // https://storage.googleapis.com/shaka-demo-assets/sintel-mp4-wvtt/dash.mpd
+
+    return remoteTextTrack;
+  });
+
+  /*
+   * Scan `videojs.textTracks()` to find one that is showing. Set the dash text track.
+   */
+  function updateActiveDashTextTrack() {
+    var dashMediaPlayer = player.dash.mediaPlayer;
+    var textTracks = player.textTracks();
+    var activeTextTrackIndex = -1;
+
+    // Iterate through the tracks and find the one marked as showing. If none are showing,
+    // `activeTextTrackIndex` will be set to `-1`, disabling text tracks.
+
+    var _loop = function _loop(i) {
+      var textTrack = textTracks[i];
+
+      if (textTrack.mode === 'showing') {
+        // Find the dash track we want to use
+
+        /* jshint loopfunc: true */
+        var dictionaryLookupResult = find(trackDictionary, function (track) {
+          return track.textTrack === textTrack;
+        });
+        /* jshint loopfunc: false */
+
+        var dashTrackToActivate = dictionaryLookupResult ? dictionaryLookupResult.dashTrack : null;
+
+        // If we found a track, get it's index.
+        if (dashTrackToActivate) {
+          activeTextTrackIndex = tracks.indexOf(dashTrackToActivate);
+        }
+      }
+    };
+
+    for (var i = 0; i < textTracks.length; i += 1) {
+      _loop(i);
+    }
+
+    // If the text track has changed, then set it in dash
+    if (activeTextTrackIndex !== dashMediaPlayer.getCurrentTextTrackIndex()) {
+      dashMediaPlayer.setTextTrack(activeTextTrackIndex);
+    }
+  }
+
+  // Update dash when videojs's selected text track changes.
+  player.textTracks().on('change', updateActiveDashTextTrack);
+
+  // Cleanup event listeners whenever we start loading a new source
+  player.one('loadstart', function () {
+    player.textTracks().off('change', updateActiveDashTextTrack);
+  });
+
+  // Initialize the text track on our first run-through
+  updateActiveDashTextTrack();
+
+  return tracksAttached;
+}
+
+/*
+ * Wait for dash to emit `TEXT_TRACKS_ADDED` and then attach the text tracks loaded by dash if
+ * we're not using native text tracks.
+ *
+ * @param {videojs} player the videojs player instance
+ * @private
+ */
+function setupTextTracks(player, tech, options) {
+  // Clear VTTCue if it was shimmed by vttjs and let dash.js use TextTrackCue.
+  // This is necessary because dash.js creates text tracks
+  // using addTextTrack which is incompatible with vttjs.VTTCue in IE11
+  if (window.VTTCue && !/\[native code\]/.test(window.VTTCue.toString())) {
+    window.VTTCue = false;
+  }
+
+  // Store the tracks that we've added so we can remove them later.
+  var dashTracksAttachedToVideoJs = [];
+
+  // We're relying on the user to disable native captions. Show an error if they didn't do so.
+  if (tech.featuresNativeTextTracks) {
+    _video2['default'].log.error('You must pass {html: {nativeCaptions: false}} in the videojs constructor ' + 'to use text tracks in videojs-contrib-dash');
+    return;
+  }
+
+  var mediaPlayer = player.dash.mediaPlayer;
+
+  // Clear the tracks that we added. We don't clear them all because someone else can add tracks.
+  function clearDashTracks() {
+    dashTracksAttachedToVideoJs.forEach(player.removeRemoteTextTrack.bind(player));
+
+    dashTracksAttachedToVideoJs = [];
+  }
+
+  function handleTextTracksAdded(_ref2) {
+    var index = _ref2.index,
+        tracks = _ref2.tracks;
+
+    // Stop listening for this event. We only want to hear it once.
+    mediaPlayer.off(_dashjs2['default'].MediaPlayer.events.TEXT_TRACKS_ADDED, handleTextTracksAdded);
+
+    // Cleanup old tracks
+    clearDashTracks();
+
+    if (!tracks.length) {
+      // Don't try to add text tracks if there aren't any
+      return;
+    }
+
+    // Save the tracks so we can remove them later
+    dashTracksAttachedToVideoJs = attachDashTextTracksToVideojs(player, tech, tracks, options);
+  }
+
+  // Attach dash text tracks whenever we dash emits `TEXT_TRACKS_ADDED`.
+  mediaPlayer.on(_dashjs2['default'].MediaPlayer.events.TEXT_TRACKS_ADDED, handleTextTracksAdded);
+
+  function cleanup() {
+    mediaPlayer.off(_dashjs2['default'].MediaPlayer.events.TEXT_TRACKS_ADDED, handleTextTracksAdded);
+
+    player.one('loadstart', clearDashTracks);
+  }
+
+  // When the player can play, remove the initialization events. We might not have received
+  // TEXT_TRACKS_ADDED` so we have to stop listening for it or we'll get errors when we load new
+  // videos and are listening for the same event in multiple places, including cleaned up
+  // mediaPlayers.
+  mediaPlayer.on(_dashjs2['default'].MediaPlayer.events.CAN_PLAY, cleanup);
+}
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],3:[function(require,module,exports){
+(function (global){
+var win;
+
+if (typeof window !== "undefined") {
+    win = window;
+} else if (typeof global !== "undefined") {
+    win = global;
+} else if (typeof self !== "undefined"){
+    win = self;
+} else {
+    win = {};
+}
+
+module.exports = win;
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],4:[function(require,module,exports){
+(function (global){
+'use strict';
+
+exports.__esModule = true;
+
+var _window = require('global/window');
+
+var _window2 = _interopRequireDefault(_window);
+
+var _video = (typeof window !== "undefined" ? window['videojs'] : typeof global !== "undefined" ? global['videojs'] : null);
+
+var _video2 = _interopRequireDefault(_video);
+
+var _dashjs = (typeof window !== "undefined" ? window['dashjs'] : typeof global !== "undefined" ? global['dashjs'] : null);
+
+var _dashjs2 = _interopRequireDefault(_dashjs);
+
+var _setupAudioTracks = require('./setup-audio-tracks');
+
+var _setupAudioTracks2 = _interopRequireDefault(_setupAudioTracks);
+
+var _setupTextTracks = require('./setup-text-tracks');
+
+var _setupTextTracks2 = _interopRequireDefault(_setupTextTracks);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/**
+ * videojs-contrib-dash
+ *
+ * Use Dash.js to playback DASH content inside of Video.js via a SourceHandler
+ */
+var Html5DashJS = function () {
+  function Html5DashJS(source, tech, options) {
+    var _this = this;
+
+    _classCallCheck(this, Html5DashJS);
+
+    // Get options from tech if not provided for backwards compatibility
+    options = options || tech.options_;
+
+    this.player = (0, _video2['default'])(options.playerId);
+    this.player.dash = this.player.dash || {};
+
+    this.tech_ = tech;
+    this.el_ = tech.el();
+    this.elParent_ = this.el_.parentNode;
+
+    // Do nothing if the src is falsey
+    if (!source.src) {
+      return;
+    }
+
+    // While the manifest is loading and Dash.js has not finished initializing
+    // we must defer events and functions calls with isReady_ and then `triggerReady`
+    // again later once everything is setup
+    tech.isReady_ = false;
+
+    if (Html5DashJS.updateSourceData) {
+      _video2['default'].log.warn('updateSourceData has been deprecated.' + ' Please switch to using hook("updatesource", callback).');
+      source = Html5DashJS.updateSourceData(source);
+    }
+
+    // call updatesource hooks
+    Html5DashJS.hooks('updatesource').forEach(function (hook) {
+      source = hook(source);
+    });
+
+    var manifestSource = source.src;
+    this.keySystemOptions_ = Html5DashJS.buildDashJSProtData(source.keySystemOptions);
+
+    this.player.dash.mediaPlayer = _dashjs2['default'].MediaPlayer().create();
+
+    this.mediaPlayer_ = this.player.dash.mediaPlayer;
+
+    // Log MedaPlayer messages through video.js
+    if (Html5DashJS.useVideoJSDebug) {
+      _video2['default'].log.warn('useVideoJSDebug has been deprecated.' + ' Please switch to using hook("beforeinitialize", callback).');
+      Html5DashJS.useVideoJSDebug(this.mediaPlayer_);
+    }
+
+    if (Html5DashJS.beforeInitialize) {
+      _video2['default'].log.warn('beforeInitialize has been deprecated.' + ' Please switch to using hook("beforeinitialize", callback).');
+      Html5DashJS.beforeInitialize(this.player, this.mediaPlayer_);
+    }
+
+    Html5DashJS.hooks('beforeinitialize').forEach(function (hook) {
+      hook(_this.player, _this.mediaPlayer_);
+    });
+
+    // Must run controller before these two lines or else there is no
+    // element to bind to.
+    this.mediaPlayer_.initialize();
+
+    // Apply all dash options that are set
+    if (options.dash) {
+      Object.keys(options.dash).forEach(function (key) {
+        var _mediaPlayer_;
+
+        var dashOptionsKey = 'set' + key.charAt(0).toUpperCase() + key.slice(1);
+        var value = options.dash[key];
+
+        if (_this.mediaPlayer_.hasOwnProperty(dashOptionsKey)) {
+          // Providing a key without `set` prefix is now deprecated.
+          _video2['default'].log.warn('Using dash options in videojs-contrib-dash without the set prefix ' + ('has been deprecated. Change \'' + key + '\' to \'' + dashOptionsKey + '\''));
+
+          // Set key so it will still work
+          key = dashOptionsKey;
+        }
+
+        if (!_this.mediaPlayer_.hasOwnProperty(key)) {
+          _video2['default'].log.warn('Warning: dash configuration option unrecognized: ' + key);
+
+          return;
+        }
+
+        // Guarantee `value` is an array
+        if (!Array.isArray(value)) {
+          value = [value];
+        }
+
+        (_mediaPlayer_ = _this.mediaPlayer_)[key].apply(_mediaPlayer_, value);
+      });
+    }
+
+    this.mediaPlayer_.attachView(this.el_);
+
+    // Dash.js autoplays by default, video.js will handle autoplay
+    this.mediaPlayer_.setAutoPlay(false);
+
+    // Setup audio tracks
+    _setupAudioTracks2['default'].call(null, this.player, tech);
+
+    // Setup text tracks
+    _setupTextTracks2['default'].call(null, this.player, tech, options);
+
+    // Attach the source with any protection data
+    this.mediaPlayer_.setProtectionData(this.keySystemOptions_);
+    this.mediaPlayer_.attachSource(manifestSource);
+
+    this.tech_.triggerReady();
+  }
+
+  /*
+   * Iterate over the `keySystemOptions` array and convert each object into
+   * the type of object Dash.js expects in the `protData` argument.
+   *
+   * Also rename 'licenseUrl' property in the options to an 'serverURL' property
+   */
+
+
+  Html5DashJS.buildDashJSProtData = function buildDashJSProtData(keySystemOptions) {
+    var output = {};
+
+    if (!keySystemOptions || !Array.isArray(keySystemOptions)) {
+      return null;
+    }
+
+    for (var i = 0; i < keySystemOptions.length; i++) {
+      var keySystem = keySystemOptions[i];
+      var options = _video2['default'].mergeOptions({}, keySystem.options);
+
+      if (options.licenseUrl) {
+        options.serverURL = options.licenseUrl;
+        delete options.licenseUrl;
+      }
+
+      output[keySystem.name] = options;
+    }
+
+    return output;
+  };
+
+  Html5DashJS.prototype.dispose = function dispose() {
+    if (this.mediaPlayer_) {
+      this.mediaPlayer_.reset();
+    }
+
+    if (this.player.dash) {
+      delete this.player.dash;
+    }
+  };
+
+  Html5DashJS.prototype.duration = function duration() {
+    var duration = this.el_.duration;
+    if (duration === Number.MAX_VALUE) {
+      return Infinity;
+    }
+    return duration;
+  };
+
+  /**
+   * Get a list of hooks for a specific lifecycle
+   *
+   * @param {string} type the lifecycle to get hooks from
+   * @param {Function=|Function[]=} hook Optionally add a hook tothe lifecycle
+   * @return {Array} an array of hooks or epty if none
+   * @method hooks
+   */
+
+
+  Html5DashJS.hooks = function hooks(type, hook) {
+    Html5DashJS.hooks_[type] = Html5DashJS.hooks_[type] || [];
+
+    if (hook) {
+      Html5DashJS.hooks_[type] = Html5DashJS.hooks_[type].concat(hook);
+    }
+
+    return Html5DashJS.hooks_[type];
+  };
+
+  /**
+   * Add a function hook to a specific dash lifecycle
+   *
+   * @param {string} type the lifecycle to hook the function to
+   * @param {Function|Function[]} hook the function or array of functions to attach
+   * @method hook
+   */
+
+
+  Html5DashJS.hook = function hook(type, _hook) {
+    Html5DashJS.hooks(type, _hook);
+  };
+
+  /**
+   * Remove a hook from a specific dash lifecycle.
+   *
+   * @param {string} type the lifecycle that the function hooked to
+   * @param {Function} hook The hooked function to remove
+   * @return {boolean} True if the function was removed, false if not found
+   * @method removeHook
+   */
+
+
+  Html5DashJS.removeHook = function removeHook(type, hook) {
+    var index = Html5DashJS.hooks(type).indexOf(hook);
+
+    if (index === -1) {
+      return false;
+    }
+
+    Html5DashJS.hooks_[type] = Html5DashJS.hooks_[type].slice();
+    Html5DashJS.hooks_[type].splice(index, 1);
+
+    return true;
+  };
+
+  return Html5DashJS;
+}();
+
+Html5DashJS.hooks_ = {};
+
+var canHandleKeySystems = function canHandleKeySystems(source) {
+  // copy the source
+  source = JSON.parse(JSON.stringify(source));
+
+  if (Html5DashJS.updateSourceData) {
+    _video2['default'].log.warn('updateSourceData has been deprecated.' + ' Please switch to using hook("updatesource", callback).');
+    source = Html5DashJS.updateSourceData(source);
+  }
+
+  // call updatesource hooks
+  Html5DashJS.hooks('updatesource').forEach(function (hook) {
+    source = hook(source);
+  });
+
+  var videoEl = document.createElement('video');
+  if (source.keySystemOptions && !(navigator.requestMediaKeySystemAccess ||
+  // IE11 Win 8.1
+  videoEl.msSetMediaKeys)) {
+    return false;
+  }
+
+  return true;
+};
+
+_video2['default'].DashSourceHandler = function () {
+  return {
+    canHandleSource: function canHandleSource(source) {
+      var dashExtRE = /\.mpd/i;
+
+      if (!canHandleKeySystems(source)) {
+        return '';
+      }
+
+      if (_video2['default'].DashSourceHandler.canPlayType(source.type)) {
+        return 'probably';
+      } else if (dashExtRE.test(source.src)) {
+        return 'maybe';
+      } else {
+        return '';
+      }
+    },
+
+    handleSource: function handleSource(source, tech, options) {
+      return new Html5DashJS(source, tech, options);
+    },
+
+    canPlayType: function canPlayType(type) {
+      return _video2['default'].DashSourceHandler.canPlayType(type);
+    }
+  };
+};
+
+_video2['default'].DashSourceHandler.canPlayType = function (type) {
+  var dashTypeRE = /^application\/dash\+xml/i;
+  if (dashTypeRE.test(type)) {
+    return 'probably';
+  }
+
+  return '';
+};
+
+// Only add the SourceHandler if the browser supports MediaSourceExtensions
+if (!!_window2['default'].MediaSource) {
+  _video2['default'].getTech('Html5').registerSourceHandler(_video2['default'].DashSourceHandler(), 0);
+}
+
+_video2['default'].Html5DashJS = Html5DashJS;
+exports['default'] = Html5DashJS;
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"./setup-audio-tracks":1,"./setup-text-tracks":2,"global/window":3}]},{},[4])(4)
+});