From 2d62ecec1d012ec1c75bcbbb177e62147d9f61c3 Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Fri, 22 Jan 2016 19:16:07 +0300
Subject: [PATCH 1/9] report errors of createAudioPlayer

---
 library/CM/View/Abstract.js | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/library/CM/View/Abstract.js b/library/CM/View/Abstract.js
index df28ae20c..0a1294d07 100644
--- a/library/CM/View/Abstract.js
+++ b/library/CM/View/Abstract.js
@@ -482,13 +482,12 @@ var CM_View_Abstract = Backbone.View.extend({
     $element.attr('src', cm.getUrlResource('layout', 'audio/' + mp3Path));
     $element.attr('autoplay', params.autoplay);
 
-    var error = false;
-    var mediaElement = new MediaElement($element.get(0), {
+    return new MediaElement($element.get(0), {
       startVolume: 1,
       flashName: cm.getUrlResource('layout', 'swf/flashmediaelement.swf'),
       silverlightName: cm.getUrlResource('layout', 'swf/silverlightmediaelement.xap'),
-      error: function() {
-        error = true;
+      error: function(err) {
+        throw err;
       },
       success: function(mediaElement, domObject) {
         if (params.loop) {
@@ -498,12 +497,6 @@ var CM_View_Abstract = Backbone.View.extend({
         }
       }
     });
-    if (error) {
-      mediaElement.play = new Function();
-      mediaElement.pause = new Function();
-    }
-
-    return mediaElement;
   },
 
   /**

From 902f73437bbb398a37411b3204f9f34bba9a306a Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Fri, 22 Jan 2016 22:11:48 +0300
Subject: [PATCH 2/9] Update mediaelement.js from 2.18.1 to 2.19.0.

---
 .../mediaelement/mediaelement-and-player.js   | 148 ++++++++++--------
 1 file changed, 80 insertions(+), 68 deletions(-)

diff --git a/client-vendor/after-body/mediaelement/mediaelement-and-player.js b/client-vendor/after-body/mediaelement/mediaelement-and-player.js
index ad30ac645..98e57c47e 100755
--- a/client-vendor/after-body/mediaelement/mediaelement-and-player.js
+++ b/client-vendor/after-body/mediaelement/mediaelement-and-player.js
@@ -16,7 +16,7 @@
 var mejs = mejs || {};
 
 // version number
-mejs.version = '2.18.1'; 
+mejs.version = '2.19.0'; 
 
 
 // player number (for missing, same id attr)
@@ -182,6 +182,18 @@ mejs.Utility = {
 			time = 0;
 		}
 
+		// Maintain backward compatibility with method signature before v2.18.
+		if (typeof options !== 'object') {
+			var format = 'm:ss';
+			format = arguments[1] ? 'hh:mm:ss' : format; // forceHours
+			format = arguments[2] ? format + ':ff' : format; // showFrameCount
+
+			options = {
+				currentTimeFormat: format,
+				framesPerSecond: arguments[3] || 25
+			};
+		}
+
 		var fps = options.framesPerSecond;
 		if(typeof fps === 'undefined') {
 			fps = 25;
@@ -413,16 +425,17 @@ mejs.MediaFeatures = {
 		t.isGecko = (ua.match(/gecko/gi) !== null) && !t.isWebkit && !t.isIE;
 		t.isOpera = (ua.match(/opera/gi) !== null);
 		t.hasTouch = ('ontouchstart' in window); //  && window.ontouchstart != null); // this breaks iOS 7
-		
-		// borrowed from Modernizr
-		t.svg = !! document.createElementNS &&
-				!! document.createElementNS('http://www.w3.org/2000/svg','svg').createSVGRect;
+
+		// Borrowed from `Modernizr.svgasimg`, sources:
+		// - https://github.com/Modernizr/Modernizr/issues/687
+		// - https://github.com/Modernizr/Modernizr/pull/1209/files
+		t.svgAsImg = !!document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#Image', '1.1');
 
 		// create HTML5 media elements for IE before 9, get a <video> element for fullscreen detection
 		for (i=0; i<html5Elements.length; i++) {
 			v = document.createElement(html5Elements[i]);
 		}
-		
+
 		t.supportsMediaTag = (typeof v.canPlayType !== 'undefined' || t.isBustedAndroid);
 
 		// Fix for IE9 on Windows 7N / Windows 7KN (Media Player not installer)
@@ -433,62 +446,62 @@ mejs.MediaFeatures = {
 		}
 
 		// detect native JavaScript fullscreen (Safari/Firefox only, Chrome still fails)
-		
+
 		// iOS
 		t.hasSemiNativeFullScreen = (typeof v.webkitEnterFullscreen !== 'undefined');
-		
+
 		// W3C
 		t.hasNativeFullscreen = (typeof v.requestFullscreen !== 'undefined');
-		
+
 		// webkit/firefox/IE11+
 		t.hasWebkitNativeFullScreen = (typeof v.webkitRequestFullScreen !== 'undefined');
 		t.hasMozNativeFullScreen = (typeof v.mozRequestFullScreen !== 'undefined');
 		t.hasMsNativeFullScreen = (typeof v.msRequestFullscreen !== 'undefined');
-		
+
 		t.hasTrueNativeFullScreen = (t.hasWebkitNativeFullScreen || t.hasMozNativeFullScreen || t.hasMsNativeFullScreen);
 		t.nativeFullScreenEnabled = t.hasTrueNativeFullScreen;
-		
+
 		// Enabled?
 		if (t.hasMozNativeFullScreen) {
 			t.nativeFullScreenEnabled = document.mozFullScreenEnabled;
 		} else if (t.hasMsNativeFullScreen) {
-			t.nativeFullScreenEnabled = document.msFullscreenEnabled;		
+			t.nativeFullScreenEnabled = document.msFullscreenEnabled;
 		}
-		
+
 		if (t.isChrome) {
 			t.hasSemiNativeFullScreen = false;
 		}
-		
+
 		if (t.hasTrueNativeFullScreen) {
-			
+
 			t.fullScreenEventName = '';
-			if (t.hasWebkitNativeFullScreen) { 
+			if (t.hasWebkitNativeFullScreen) {
 				t.fullScreenEventName = 'webkitfullscreenchange';
-				
+
 			} else if (t.hasMozNativeFullScreen) {
 				t.fullScreenEventName = 'mozfullscreenchange';
-				
+
 			} else if (t.hasMsNativeFullScreen) {
 				t.fullScreenEventName = 'MSFullscreenChange';
 			}
-			
+
 			t.isFullScreen = function() {
 				if (t.hasMozNativeFullScreen) {
 					return d.mozFullScreen;
-				
+
 				} else if (t.hasWebkitNativeFullScreen) {
 					return d.webkitIsFullScreen;
-				
+
 				} else if (t.hasMsNativeFullScreen) {
 					return d.msFullscreenElement !== null;
 				}
 			}
-					
+
 			t.requestFullScreen = function(el) {
-		
+
 				if (t.hasWebkitNativeFullScreen) {
 					el.webkitRequestFullScreen();
-					
+
 				} else if (t.hasMozNativeFullScreen) {
 					el.mozRequestFullScreen();
 
@@ -497,29 +510,29 @@ mejs.MediaFeatures = {
 
 				}
 			}
-			
-			t.cancelFullScreen = function() {				
+
+			t.cancelFullScreen = function() {
 				if (t.hasWebkitNativeFullScreen) {
 					document.webkitCancelFullScreen();
-					
+
 				} else if (t.hasMozNativeFullScreen) {
 					document.mozCancelFullScreen();
-					
+
 				} else if (t.hasMsNativeFullScreen) {
 					document.msExitFullscreen();
-					
+
 				}
-			}	
-			
+			}
+
 		}
-		
-		
+
+
 		// OS X 10.5 can't do this even if it says it can :(
 		if (t.hasSemiNativeFullScreen && ua.match(/mac os x 10_5/i)) {
 			t.hasNativeFullScreen = false;
 			t.hasSemiNativeFullScreen = false;
 		}
-		
+
 	}
 };
 mejs.MediaFeatures.init();
@@ -1001,7 +1014,7 @@ mejs.HtmlMediaElementShim = {
 
 	create: function(el, o) {
 		var
-			options = mejs.MediaElementDefaults,
+			options = {},
 			htmlMediaElement = (typeof(el) == 'string') ? document.getElementById(el) : el,
 			tagName = htmlMediaElement.tagName.toLowerCase(),
 			isMediaTag = (tagName === 'audio' || tagName === 'video'),
@@ -1014,9 +1027,13 @@ mejs.HtmlMediaElementShim = {
 			prop;
 
 		// extend options
+		for (prop in mejs.MediaElementDefaults) {
+			options[prop] = mejs.MediaElementDefaults[prop];
+		}
 		for (prop in o) {
 			options[prop] = o[prop];
-		}
+		}		
+		
 
 		// clean up attributes
 		src = 		(typeof src == 'undefined' 	|| src === null || src == '') ? null : src;		
@@ -2367,8 +2384,8 @@ if (typeof jQuery != 'undefined') {
 				$('<span class="mejs-offscreen">' + videoPlayerTitle + '</span>').insertBefore(t.$media);
 				// build container
 				t.container =
-					$('<div id="' + t.id + '" class="mejs-container ' + (mejs.MediaFeatures.svg ? 'svg' : 'no-svg') +
-                      '" tabindex="0" role="application" aria-label="' + videoPlayerTitle + '">'+
+					$('<div id="' + t.id + '" class="mejs-container ' + (mejs.MediaFeatures.svgAsImg ? 'svg' : 'no-svg') +
+					  '" tabindex="0" role="application" aria-label="' + videoPlayerTitle + '">'+
 						'<div class="mejs-inner">'+
 							'<div class="mejs-mediaelement"></div>'+
 							'<div class="mejs-layers"></div>'+
@@ -2397,23 +2414,8 @@ if (typeof jQuery != 'undefined') {
 
 
 				// move the <video/video> tag into the right spot
-				if (mf.isiOS) {
-
-					// sadly, you can't move nodes in iOS, so we have to destroy and recreate it!
-					var $newMedia = t.$media.clone();
+				t.container.find('.mejs-mediaelement').append(t.$media);
 
-					t.container.find('.mejs-mediaelement').append($newMedia);
-
-					t.$media.remove();
-					t.$node = t.$media = $newMedia;
-					t.node = t.media = $newMedia[0];
-
-				} else {
-
-					// normal way of moving it into place (doesn't work on iOS)
-					t.container.find('.mejs-mediaelement').append(t.$media);
-				}
-				
 				// needs to be assigned here, after iOS remap
 				t.node.player = t;
 
@@ -2695,7 +2697,7 @@ if (typeof jQuery != 'undefined') {
 
 						// show/hide controls
 						t.container
-							.bind('mouseenter mouseover', function () {
+							.bind('mouseenter', function () {
 								if (t.controlsEnabled) {
 									if (!t.options.alwaysShowControls ) {
 										t.killControlsTimer('enter');
@@ -2808,7 +2810,7 @@ if (typeof jQuery != 'undefined') {
 						t.setControlsSize();
 					}
 				}, false);
-				
+
 				// Only change the time format when necessary
 				var duration = null;
 				t.media.addEventListener('timeupdate',function() {
@@ -2816,7 +2818,7 @@ if (typeof jQuery != 'undefined') {
 						duration = this.duration;
 						mejs.Utility.calculateTimeFormat(duration, t.options, t.options.framesPerSecond || 25);
 					}
-				}, false);				
+				}, false);
 
 				t.container.focusout(function (e) {
 					if( e.relatedTarget ) { //FF is working on supporting focusout https://bugzilla.mozilla.org/show_bug.cgi?id=687787
@@ -2873,7 +2875,9 @@ if (typeof jQuery != 'undefined') {
 		handleError: function(e) {
 			var t = this;
 
-			t.controls.hide();
+			if (t.controls) {
+				t.controls.hide();
+			}
 
 			// Tell user that the file cannot be played
 			if (t.options.error) {
@@ -3211,8 +3215,9 @@ if (typeof jQuery != 'undefined') {
 				});
 
 				// listen for key presses
-				t.globalBind('keydown', function(e) {
-					return t.onkeydown(player, media, e);
+				t.globalBind('keydown', function(event) {
+					player.hasFocus = $(event.target).closest('.mejs-container').length !== 0;
+					return t.onkeydown(player, media, event);
 				});
 
 
@@ -3302,7 +3307,7 @@ if (typeof jQuery != 'undefined') {
 		},
 		remove: function() {
 			var t = this, featureIndex, feature;
-			
+
 			t.container.prev('.mejs-offscreen').remove();
 
 			// invoke features cleanup
@@ -3357,7 +3362,7 @@ if (typeof jQuery != 'undefined') {
 				//
 				t.setPlayerSize(t.width, t.height);
 				t.setControlsSize();
-			}, 50);            
+			}, 50);
 		}
 	};
 
@@ -3383,16 +3388,20 @@ if (typeof jQuery != 'undefined') {
 		}
 
 		mejs.MediaElementPlayer.prototype.globalBind = function(events, data, callback) {
-			var t = this;
+    	var t = this;
+      var doc = t.node ? t.node.ownerDocument : document;
+
 			events = splitEvents(events, t.id);
-			if (events.d) $(document).bind(events.d, data, callback);
+			if (events.d) $(doc).bind(events.d, data, callback);
 			if (events.w) $(window).bind(events.w, data, callback);
 		};
 
 		mejs.MediaElementPlayer.prototype.globalUnbind = function(events, callback) {
 			var t = this;
+      var doc = t.node ? t.node.ownerDocument : document;
+
 			events = splitEvents(events, t.id);
-			if (events.d) $(document).unbind(events.d, callback);
+			if (events.d) $(doc).unbind(events.d, callback);
 			if (events.w) $(window).unbind(events.w, callback);
 		};
 	})();
@@ -4126,9 +4135,6 @@ if (typeof jQuery != 'undefined') {
 					positionVolumeHandle(volume);
 					media.setVolume(volume);
 					return false;
-				})
-				.bind('blur', function () {
-					volumeSlider.hide();
 				});
 
 			// MUTE button
@@ -4758,6 +4764,12 @@ if (typeof jQuery != 'undefined') {
 
 				playbackSpeed = t.options.defaultSpeed;
 
+				media.addEventListener('loadedmetadata', function(e) {
+					if (playbackSpeed) {
+						media.playbackRate = parseFloat(playbackSpeed);
+					}
+				}, true);
+
 				speedSelector
 					.on('click', 'input[type="radio"]', function() {
 						var newSpeed = $(this).attr('value');

From 9a68bef2f93a3276f0fec373a9efb8145024ef77 Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Fri, 22 Jan 2016 22:40:35 +0300
Subject: [PATCH 3/9] General error for createAudioPlayer failure

---
 library/CM/View/Abstract.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/library/CM/View/Abstract.js b/library/CM/View/Abstract.js
index 0a1294d07..4652b6fc2 100644
--- a/library/CM/View/Abstract.js
+++ b/library/CM/View/Abstract.js
@@ -486,8 +486,8 @@ var CM_View_Abstract = Backbone.View.extend({
       startVolume: 1,
       flashName: cm.getUrlResource('layout', 'swf/flashmediaelement.swf'),
       silverlightName: cm.getUrlResource('layout', 'swf/silverlightmediaelement.xap'),
-      error: function(err) {
-        throw err;
+      error: function() {
+        throw new Error('Can\'t play ' + mp3Path);
       },
       success: function(mediaElement, domObject) {
         if (params.loop) {

From b1de4e16fdf2325c04eb3a2b49a1077791390564 Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Fri, 22 Jan 2016 22:43:27 +0300
Subject: [PATCH 4/9] Rename args of createAudioPlayer

---
 library/CM/View/Abstract.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/library/CM/View/Abstract.js b/library/CM/View/Abstract.js
index 4652b6fc2..18feeaa10 100644
--- a/library/CM/View/Abstract.js
+++ b/library/CM/View/Abstract.js
@@ -470,16 +470,16 @@ var CM_View_Abstract = Backbone.View.extend({
   },
 
   /**
-   * @param {String} mp3Path
+   * @param {String} audioPath
    * @param {Object} [params]
    * @return {MediaElement}
    */
-  createAudioPlayer: function(mp3Path, params) {
+  createAudioPlayer: function(audioPath, params) {
     params = _.extend({loop: false, autoplay: false}, params);
 
     var $element = $('<audio />');
     $element.wrap('<div />');	// MediaElement needs a parent to show error msgs
-    $element.attr('src', cm.getUrlResource('layout', 'audio/' + mp3Path));
+    $element.attr('src', cm.getUrlResource('layout', 'audio/' + audioPath));
     $element.attr('autoplay', params.autoplay);
 
     return new MediaElement($element.get(0), {
@@ -487,7 +487,7 @@ var CM_View_Abstract = Backbone.View.extend({
       flashName: cm.getUrlResource('layout', 'swf/flashmediaelement.swf'),
       silverlightName: cm.getUrlResource('layout', 'swf/silverlightmediaelement.xap'),
       error: function() {
-        throw new Error('Can\'t play ' + mp3Path);
+        throw new Error('Can\'t play ' + audioPath);
       },
       success: function(mediaElement, domObject) {
         if (params.loop) {

From f2351dec869872e44dbd8401d8c2543691139b93 Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Fri, 22 Jan 2016 23:28:25 +0300
Subject: [PATCH 5/9] Log errors of createAudioPlayer instead of throw

---
 library/CM/View/Abstract.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/library/CM/View/Abstract.js b/library/CM/View/Abstract.js
index 18feeaa10..488fd0897 100644
--- a/library/CM/View/Abstract.js
+++ b/library/CM/View/Abstract.js
@@ -487,7 +487,7 @@ var CM_View_Abstract = Backbone.View.extend({
       flashName: cm.getUrlResource('layout', 'swf/flashmediaelement.swf'),
       silverlightName: cm.getUrlResource('layout', 'swf/silverlightmediaelement.xap'),
       error: function() {
-        throw new Error('Can\'t play ' + audioPath);
+        console.error('Can\'t play ' + audioPath);
       },
       success: function(mediaElement, domObject) {
         if (params.loop) {

From 076bdb7c549b48cfd0a0d53285820c63fc34a6e0 Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Mon, 25 Jan 2016 16:00:54 +0300
Subject: [PATCH 6/9] Multiple sources for createAudioPlayer

---
 library/CM/View/Abstract.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/library/CM/View/Abstract.js b/library/CM/View/Abstract.js
index 488fd0897..d48c7d65c 100644
--- a/library/CM/View/Abstract.js
+++ b/library/CM/View/Abstract.js
@@ -470,7 +470,7 @@ var CM_View_Abstract = Backbone.View.extend({
   },
 
   /**
-   * @param {String} audioPath
+   * @param {String|String[]} audioPath
    * @param {Object} [params]
    * @return {MediaElement}
    */
@@ -479,7 +479,13 @@ var CM_View_Abstract = Backbone.View.extend({
 
     var $element = $('<audio />');
     $element.wrap('<div />');	// MediaElement needs a parent to show error msgs
-    $element.attr('src', cm.getUrlResource('layout', 'audio/' + audioPath));
+    if (_.isArray(audioPath)) {
+      _.each(audioPath, function(srcPath) {
+        $element.append($('<source>').attr('src', cm.getUrlResource('layout', 'audio/' + srcPath)));
+      });
+    } else {
+      $element.attr('src', cm.getUrlResource('layout', 'audio/' + audioPath));
+    }
     $element.attr('autoplay', params.autoplay);
 
     return new MediaElement($element.get(0), {

From 4ff00c6451b46b256bd5f24d1d2817c39ec88118 Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Mon, 25 Jan 2016 17:45:58 +0300
Subject: [PATCH 7/9] Multiple sources only for createAudioPlayer

---
 library/CM/View/Abstract.js | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/library/CM/View/Abstract.js b/library/CM/View/Abstract.js
index d48c7d65c..89736da52 100644
--- a/library/CM/View/Abstract.js
+++ b/library/CM/View/Abstract.js
@@ -470,22 +470,18 @@ var CM_View_Abstract = Backbone.View.extend({
   },
 
   /**
-   * @param {String|String[]} audioPath
+   * @param {String[]} audioSrcList
    * @param {Object} [params]
    * @return {MediaElement}
    */
-  createAudioPlayer: function(audioPath, params) {
+  createAudioPlayer: function(audioSrcList, params) {
     params = _.extend({loop: false, autoplay: false}, params);
 
     var $element = $('<audio />');
     $element.wrap('<div />');	// MediaElement needs a parent to show error msgs
-    if (_.isArray(audioPath)) {
-      _.each(audioPath, function(srcPath) {
-        $element.append($('<source>').attr('src', cm.getUrlResource('layout', 'audio/' + srcPath)));
-      });
-    } else {
-      $element.attr('src', cm.getUrlResource('layout', 'audio/' + audioPath));
-    }
+    _.each(audioSrcList, function(audioSrc) {
+      $element.append($('<source>').attr('src', cm.getUrlResource('layout', 'audio/' + audioSrc)));
+    });
     $element.attr('autoplay', params.autoplay);
 
     return new MediaElement($element.get(0), {
@@ -493,7 +489,7 @@ var CM_View_Abstract = Backbone.View.extend({
       flashName: cm.getUrlResource('layout', 'swf/flashmediaelement.swf'),
       silverlightName: cm.getUrlResource('layout', 'swf/silverlightmediaelement.xap'),
       error: function() {
-        console.error('Can\'t play ' + audioPath);
+        console.error('Can\'t play ' + audioSrcList);
       },
       success: function(mediaElement, domObject) {
         if (params.loop) {

From 505d03c408d6d57e3944a488a9b1fccbe795b344 Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Mon, 25 Jan 2016 19:35:41 +0300
Subject: [PATCH 8/9] Revert to multiple and single sources of
 createAudioPlayer

---
 library/CM/View/Abstract.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/library/CM/View/Abstract.js b/library/CM/View/Abstract.js
index 89736da52..4d91c77c9 100644
--- a/library/CM/View/Abstract.js
+++ b/library/CM/View/Abstract.js
@@ -470,16 +470,19 @@ var CM_View_Abstract = Backbone.View.extend({
   },
 
   /**
-   * @param {String[]} audioSrcList
+   * @param {String|String[]} audioSrc
    * @param {Object} [params]
    * @return {MediaElement}
    */
-  createAudioPlayer: function(audioSrcList, params) {
+  createAudioPlayer: function(audioSrc, params) {
     params = _.extend({loop: false, autoplay: false}, params);
 
     var $element = $('<audio />');
     $element.wrap('<div />');	// MediaElement needs a parent to show error msgs
-    _.each(audioSrcList, function(audioSrc) {
+    if (!_.isArray(audioSrc)) {
+      audioSrc = [audioSrc];
+    }
+    _.each(audioSrc, function(audioSrc) {
       $element.append($('<source>').attr('src', cm.getUrlResource('layout', 'audio/' + audioSrc)));
     });
     $element.attr('autoplay', params.autoplay);
@@ -489,7 +492,7 @@ var CM_View_Abstract = Backbone.View.extend({
       flashName: cm.getUrlResource('layout', 'swf/flashmediaelement.swf'),
       silverlightName: cm.getUrlResource('layout', 'swf/silverlightmediaelement.xap'),
       error: function() {
-        console.error('Can\'t play ' + audioSrcList);
+        console.error('Can\'t play ' + audioSrc);
       },
       success: function(mediaElement, domObject) {
         if (params.loop) {

From 2a7045720b5f9ebc58641e7a4375be47f1aee25c Mon Sep 17 00:00:00 2001
From: vogdb <vozhdb@gmail.com>
Date: Mon, 25 Jan 2016 19:42:06 +0300
Subject: [PATCH 9/9] Fallback to noop audio player when format is not
 supported

---
 library/CM/View/Abstract.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/library/CM/View/Abstract.js b/library/CM/View/Abstract.js
index 4d91c77c9..c17a70c71 100644
--- a/library/CM/View/Abstract.js
+++ b/library/CM/View/Abstract.js
@@ -487,11 +487,13 @@ var CM_View_Abstract = Backbone.View.extend({
     });
     $element.attr('autoplay', params.autoplay);
 
-    return new MediaElement($element.get(0), {
+    var error = false;
+    var player = new MediaElement($element.get(0), {
       startVolume: 1,
       flashName: cm.getUrlResource('layout', 'swf/flashmediaelement.swf'),
       silverlightName: cm.getUrlResource('layout', 'swf/silverlightmediaelement.xap'),
       error: function() {
+        error = true;
         console.error('Can\'t play ' + audioSrc);
       },
       success: function(mediaElement, domObject) {
@@ -502,6 +504,13 @@ var CM_View_Abstract = Backbone.View.extend({
         }
       }
     });
+
+    if (error) {
+      player.play = _.noop;
+      player.stop = _.noop;
+      player.pause = _.noop;
+    }
+    return player;
   },
 
   /**