Source code
Revision control
Copy as Markdown
Other Tools
(function() {
// This polyfill fixes the following problems with Edge browser
// (1) Various maplike methods for keystatuses are not supported or suported incorrectly
// (2) Key Ids exposed in keystatuses are incorrect (byte swaps)
if ( navigator.userAgent.toLowerCase().indexOf('edge') > -1 ) {
///////////////////////////////////////////////////////////////////////////////////////////////
// The following function is the core of this JS patch. The rest of this file is infrastructure
// required to enable this function
///////////////////////////////////////////////////////////////////////////////////////////////
function _proxyKeyStatusesChange( event ) {
this._keyStatuses.clear();
var keyStatuses = [];
this._session.keyStatuses.forEach( function( keyId, status ) {
var newKeyId = new Uint8Array( keyId );
function swap( arr, a, b ) { var t = arr[a]; arr[a] = arr[b]; arr[b] = t; }
swap( newKeyId, 0, 3 );
swap( newKeyId, 1, 2 );
swap( newKeyId, 4, 5 );
swap( newKeyId, 6, 7 );
keyStatuses.push( { key: newKeyId, status: status, ord: arrayBufferAsString( newKeyId ) } );
});
function lexicographical( a, b ) { return a < b ? -1 : a === b ? 0 : +1; }
function lexicographicalkey( a, b ) { return lexicographical( a.ord, b.ord ); }
keyStatuses.sort( lexicographicalkey ).forEach( function( obj ) {
this._keyStatuses._set( obj.key, obj.status );
}.bind( this ) );
this.dispatchEvent( event );
};
///////////////////////////////////////////////////////////////////////////////////////////////
// Override MediaKeys.createSession
var _mediaKeysCreateSession = MediaKeys.prototype.createSession;
MediaKeys.prototype.createSession = function ( sessionType ) {
return new MediaKeySession( _mediaKeysCreateSession.call( this, sessionType ) );
};
// MediaKeySession proxy
function MediaKeySession( session ) {
EventTarget.call( this );
this._session = session;
this._keyStatuses = new MediaKeyStatusMap();
this._session.addEventListener("keystatuseschange",this._onKeyStatusesChange.bind(this));
this._session.addEventListener("message",this.dispatchEvent.bind(this));
}
MediaKeySession.prototype = Object.create( EventTarget.prototype );
Object.defineProperties( MediaKeySession.prototype, {
sessionId: { get: function() { return this._session.sessionId; } },
expiration: { get: function() { return this._session.expiration; } },
closed: { get: function() { return this._session.closed; } },
keyStatuses:{ get: function() { return this._keyStatuses; } }
});
[ "generateRequest", "load", "update", "remove", "close" ].forEach( function( fnname ) {
MediaKeySession.prototype[ fnname ] = function() {
return window.MediaKeySession.prototype[ fnname ].apply( this._session, arguments );
}
} );
MediaKeySession.prototype._onKeyStatusesChange = _proxyKeyStatusesChange;
// MediaKeyStatusMap proxy
//
// We need a proxy class to replace the broken MediaKeyStatusMap one. We cannot use a
// regular Map directly because we need get and has methods to compare by value not
// as references.
function MediaKeyStatusMap() { this._map = new Map(); }
Object.defineProperties( MediaKeyStatusMap.prototype, {
size: { get: function() { return this._map.size; } },
forEach: { get: function() { return function( f ) { return this._map.forEach( f ); } } },
entries: { get: function() { return function() { return this._map.entries(); } } },
values: { get: function() { return function() { return this._map.values(); } } },
keys: { get: function() { return function() { return this._map.keys(); } } },
clear: { get: function() { return function() { return this._map.clear(); } } } } );
MediaKeyStatusMap.prototype[ Symbol.iterator ] = function() { return this._map[ Symbol.iterator ]() };
MediaKeyStatusMap.prototype.has = function has( keyId ) {
for ( var k of this._map.keys() ) { if ( arrayBufferEqual( k, keyId ) ) return true; }
return false;
};
MediaKeyStatusMap.prototype.get = function get( keyId ) {
for ( var k of this._map.entries() ) { if ( arrayBufferEqual( k[ 0 ], keyId ) ) return k[ 1 ]; }
};
MediaKeyStatusMap.prototype._set = function _set( keyId, status ) {
this._map.set( new Uint8Array( keyId ), status );
};
function arrayBufferEqual(buf1, buf2)
{
if (buf1.byteLength !== buf2.byteLength) return false;
var a1 = Array.from( new Int8Array(buf1) ), a2 = Array.from( new Int8Array(buf2) );
return a1.every( function( x, i ) { return x === a2[i]; } );
}
// EventTarget
function EventTarget(){
this.listeners = {};
};
EventTarget.prototype.listeners = null;
EventTarget.prototype.addEventListener = function(type, callback){
if(!(type in this.listeners)) {
this.listeners[type] = [];
}
this.listeners[type].push(callback);
};
EventTarget.prototype.removeEventListener = function(type, callback){
if(!(type in this.listeners)) {
return;
}
var stack = this.listeners[type];
for(var i = 0, l = stack.length; i < l; i++){
if(stack[i] === callback){
stack.splice(i, 1);
return this.removeEventListener(type, callback);
}
}
};
EventTarget.prototype.dispatchEvent = function(event){
if(!(event.type in this.listeners)) {
return;
}
var stack = this.listeners[event.type];
event.target = this;
for(var i = 0, l = stack.length; i < l; i++) {
stack[i].call(this, event);
}
};
}
})();