web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-10-31 00:08:01 +02:00
Code Releases Activity

refactor: move sourceset code out of tech (#5037)

Browse Source
This commit is contained in:
Brandon Casey
2018-03-23 13:51:47 -04:00
committed by GitHub
parent bc2da7c67b
commit 1cb67ab9c9
2 changed files with 88 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/js/tech/html5.js
View File

@@ -13,6 +13,7 @@ import {assign} from '../utils/obj';
import mergeOptions from '../utils/merge-options.js';
import toTitleCase from '../utils/to-title-case.js';
import {NORMAL as TRACK_TYPES} from '../tracks/track-types';
import setupSourceset from './setup-sourceset';
/**
* HTML5 Media Controller - Wrapper for HTML5 Media API
@@ -128,84 +129,7 @@ class Html5 extends Tech {
* the source is changed. Fires `sourceset` just after the source has changed
*/
setupSourcesetHandling_() {
if (!this.featuresSourceset) {
return;
}
const el = this.el();
// we need to fire sourceset when the player is ready
// if we find that the media element had a src when it was
// given to us and that tech element is not in a stalled state
if (el.src || el.currentSrc && this.el().initNetworkState_ !== 3) {
this.triggerSourceset(el.src || el.currentSrc);
}
const proto = window.HTMLMediaElement.prototype;
let srcDescriptor = {};
// preserve getters/setters already on `el.src` if they exist
if (Object.getOwnPropertyDescriptor(el, 'src')) {
srcDescriptor = Object.getOwnPropertyDescriptor(el, 'src');
} else if (Object.getOwnPropertyDescriptor(proto, 'src')) {
srcDescriptor = mergeOptions(srcDescriptor, Object.getOwnPropertyDescriptor(proto, 'src'));
}
if (!srcDescriptor.get) {
srcDescriptor.get = function() {
return proto.getAttribute.call(this, 'src');
};
}
if (!srcDescriptor.set) {
srcDescriptor.set = function(v) {
return proto.setAttribute.call(this, 'src', v);
};
}
if (typeof srcDescriptor.enumerable === 'undefined') {
srcDescriptor.enumerable = true;
}
Object.defineProperty(el, 'src', {
get: srcDescriptor.get.bind(el),
set: (v) => {
const retval = srcDescriptor.set.call(el, v);
this.triggerSourceset(v);
return retval;
},
configurable: true,
enumerable: srcDescriptor.enumerable
});
const oldSetAttribute = el.setAttribute;
el.setAttribute = (n, v) => {
const retval = oldSetAttribute.call(el, n, v);
if (n === 'src') {
this.triggerSourceset(v);
}
return retval;
};
const oldLoad = el.load;
el.load = () => {
const retval = oldLoad.call(el);
// if `el.src` is set, that source will be loaded
// otherwise, we can't know for sure what source will be set because
// source elements will be used but implementing the source selection algorithm
// is laborious and asynchronous, so,
// instead return an empty string to basically indicate source may change
this.triggerSourceset(el.src || '');
return retval;
};
setupSourceset(this);
}
/**

86
src/js/tech/setup-sourceset.js Normal file
View File

@@ -0,0 +1,86 @@
import window from 'global/window';
import mergeOptions from '../utils/merge-options';
const setupSourceset = function(tech) {
if (!tech.featuresSourceset) {
return;
}
const el = tech.el();
// we need to fire sourceset when the player is ready
// if we find that the media element had a src when it was
// given to us and that tech element is not in a stalled state
if (el.src || el.currentSrc && tech.el().initNetworkState_ !== 3) {
tech.triggerSourceset(el.src || el.currentSrc);
}
const proto = window.HTMLMediaElement.prototype;
let srcDescriptor = {};
// preserve getters/setters already on `el.src` if they exist
if (Object.getOwnPropertyDescriptor(el, 'src')) {
srcDescriptor = Object.getOwnPropertyDescriptor(el, 'src');
} else if (Object.getOwnPropertyDescriptor(proto, 'src')) {
srcDescriptor = mergeOptions(srcDescriptor, Object.getOwnPropertyDescriptor(proto, 'src'));
}
if (!srcDescriptor.get) {
srcDescriptor.get = function() {
return proto.getAttribute.call(el, 'src');
};
}
if (!srcDescriptor.set) {
srcDescriptor.set = function(v) {
return proto.setAttribute.call(el, 'src', v);
};
}
if (typeof srcDescriptor.enumerable === 'undefined') {
srcDescriptor.enumerable = true;
}
Object.defineProperty(el, 'src', {
get: srcDescriptor.get.bind(el),
set: (v) => {
const retval = srcDescriptor.set.call(el, v);
tech.triggerSourceset(v);
return retval;
},
configurable: true,
enumerable: srcDescriptor.enumerable
});
const oldSetAttribute = el.setAttribute;
el.setAttribute = (n, v) => {
const retval = oldSetAttribute.call(el, n, v);
if (n === 'src') {
tech.triggerSourceset(v);
}
return retval;
};
const oldLoad = el.load;
el.load = () => {
const retval = oldLoad.call(el);
// if `el.src` is set, that source will be loaded
// otherwise, we can't know for sure what source will be set because
// source elements will be used but implementing the source selection algorithm
// is laborious and asynchronous, so,
// instead return an empty string to basically indicate source may change
tech.triggerSourceset(el.src || '');
return retval;
};
};
export default setupSourceset;