wp/wp-includes/js/mediaelement/renderers/vimeo.js
changeset 7 cf61fcea0001
child 16 a86126ab1dd4
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/wp/wp-includes/js/mediaelement/renderers/vimeo.js	Mon Oct 14 17:39:30 2019 +0200
@@ -0,0 +1,416 @@
+/*!
+ * MediaElement.js
+ * http://www.mediaelementjs.com/
+ *
+ * Wrapper that mimics native HTML5 MediaElement (audio and video)
+ * using a variety of technologies (pure JavaScript, Flash, iframe)
+ *
+ * Copyright 2010-2017, John Dyer (http://j.hn/)
+ * License: MIT
+ *
+ */(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(_dereq_,module,exports){
+'use strict';
+
+var VimeoApi = {
+
+	promise: null,
+
+	load: function load(settings) {
+
+		if (typeof Vimeo !== 'undefined') {
+			VimeoApi._createPlayer(settings);
+		} else {
+			VimeoApi.promise = VimeoApi.promise || mejs.Utils.loadScript('https://player.vimeo.com/api/player.js');
+			VimeoApi.promise.then(function () {
+				VimeoApi._createPlayer(settings);
+			});
+		}
+	},
+
+	_createPlayer: function _createPlayer(settings) {
+		var player = new Vimeo.Player(settings.iframe);
+		window['__ready__' + settings.id](player);
+	},
+
+	getVimeoId: function getVimeoId(url) {
+		if (url === undefined || url === null) {
+			return null;
+		}
+
+		var parts = url.split('?');
+		url = parts[0];
+		return parseInt(url.substring(url.lastIndexOf('/') + 1), 10);
+	}
+};
+
+var vimeoIframeRenderer = {
+
+	name: 'vimeo_iframe',
+	options: {
+		prefix: 'vimeo_iframe'
+	},
+
+	canPlayType: function canPlayType(type) {
+		return ~['video/vimeo', 'video/x-vimeo'].indexOf(type.toLowerCase());
+	},
+
+	create: function create(mediaElement, options, mediaFiles) {
+		var apiStack = [],
+		    vimeo = {},
+		    readyState = 4;
+
+		var paused = true,
+		    volume = 1,
+		    oldVolume = volume,
+		    currentTime = 0,
+		    bufferedTime = 0,
+		    ended = false,
+		    duration = 0,
+		    vimeoPlayer = null,
+		    url = '';
+
+		vimeo.options = options;
+		vimeo.id = mediaElement.id + '_' + options.prefix;
+		vimeo.mediaElement = mediaElement;
+
+		var errorHandler = function errorHandler(error, target) {
+			var event = mejs.Utils.createEvent('error', target);
+			event.message = error.name + ': ' + error.message;
+			mediaElement.dispatchEvent(event);
+		};
+
+		var props = mejs.html5media.properties,
+		    assignGettersSetters = function assignGettersSetters(propName) {
+
+			var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+			vimeo['get' + capName] = function () {
+				if (vimeoPlayer !== null) {
+					var value = null;
+
+					switch (propName) {
+						case 'currentTime':
+							return currentTime;
+
+						case 'duration':
+							return duration;
+
+						case 'volume':
+							return volume;
+						case 'muted':
+							return volume === 0;
+						case 'paused':
+							return paused;
+						case 'ended':
+							return ended;
+
+						case 'src':
+							vimeoPlayer.getVideoUrl().then(function (_url) {
+								url = _url;
+							});
+
+							return url;
+						case 'buffered':
+							return {
+								start: function start() {
+									return 0;
+								},
+								end: function end() {
+									return bufferedTime * duration;
+								},
+								length: 1
+							};
+						case 'readyState':
+							return readyState;
+					}
+					return value;
+				} else {
+					return null;
+				}
+			};
+
+			vimeo['set' + capName] = function (value) {
+				if (vimeoPlayer !== null) {
+					switch (propName) {
+						case 'src':
+							var _url2 = typeof value === 'string' ? value : value[0].src,
+							    videoId = VimeoApi.getVimeoId(_url2);
+
+							vimeoPlayer.loadVideo(videoId).then(function () {
+								if (mediaElement.originalNode.autoplay) {
+									vimeoPlayer.play();
+								}
+							}).catch(function (error) {
+								errorHandler(error, vimeo);
+							});
+							break;
+						case 'currentTime':
+							vimeoPlayer.setCurrentTime(value).then(function () {
+								currentTime = value;
+								setTimeout(function () {
+									var event = mejs.Utils.createEvent('timeupdate', vimeo);
+									mediaElement.dispatchEvent(event);
+								}, 50);
+							}).catch(function (error) {
+								errorHandler(error, vimeo);
+							});
+							break;
+						case 'volume':
+							vimeoPlayer.setVolume(value).then(function () {
+								volume = value;
+								oldVolume = volume;
+								setTimeout(function () {
+									var event = mejs.Utils.createEvent('volumechange', vimeo);
+									mediaElement.dispatchEvent(event);
+								}, 50);
+							}).catch(function (error) {
+								errorHandler(error, vimeo);
+							});
+							break;
+						case 'loop':
+							vimeoPlayer.setLoop(value).catch(function (error) {
+								errorHandler(error, vimeo);
+							});
+							break;
+						case 'muted':
+							if (value) {
+								vimeoPlayer.setVolume(0).then(function () {
+									volume = 0;
+									setTimeout(function () {
+										var event = mejs.Utils.createEvent('volumechange', vimeo);
+										mediaElement.dispatchEvent(event);
+									}, 50);
+								}).catch(function (error) {
+									errorHandler(error, vimeo);
+								});
+							} else {
+								vimeoPlayer.setVolume(oldVolume).then(function () {
+									volume = oldVolume;
+									setTimeout(function () {
+										var event = mejs.Utils.createEvent('volumechange', vimeo);
+										mediaElement.dispatchEvent(event);
+									}, 50);
+								}).catch(function (error) {
+									errorHandler(error, vimeo);
+								});
+							}
+							break;
+						case 'readyState':
+							var event = mejs.Utils.createEvent('canplay', vimeo);
+							mediaElement.dispatchEvent(event);
+							break;
+						default:
+							
+							break;
+					}
+				} else {
+					apiStack.push({ type: 'set', propName: propName, value: value });
+				}
+			};
+		};
+
+		for (var i = 0, total = props.length; i < total; i++) {
+			assignGettersSetters(props[i]);
+		}
+
+		var methods = mejs.html5media.methods,
+		    assignMethods = function assignMethods(methodName) {
+			vimeo[methodName] = function () {
+				if (vimeoPlayer !== null) {
+					switch (methodName) {
+						case 'play':
+							paused = false;
+							return vimeoPlayer.play();
+						case 'pause':
+							paused = true;
+							return vimeoPlayer.pause();
+						case 'load':
+							return null;
+					}
+				} else {
+					apiStack.push({ type: 'call', methodName: methodName });
+				}
+			};
+		};
+
+		for (var _i = 0, _total = methods.length; _i < _total; _i++) {
+			assignMethods(methods[_i]);
+		}
+
+		window['__ready__' + vimeo.id] = function (_vimeoPlayer) {
+
+			mediaElement.vimeoPlayer = vimeoPlayer = _vimeoPlayer;
+
+			if (apiStack.length) {
+				for (var _i2 = 0, _total2 = apiStack.length; _i2 < _total2; _i2++) {
+					var stackItem = apiStack[_i2];
+
+					if (stackItem.type === 'set') {
+						var propName = stackItem.propName,
+						    capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+						vimeo['set' + capName](stackItem.value);
+					} else if (stackItem.type === 'call') {
+						vimeo[stackItem.methodName]();
+					}
+				}
+			}
+
+			if (mediaElement.originalNode.muted) {
+				vimeoPlayer.setVolume(0);
+				volume = 0;
+			}
+
+			var vimeoIframe = document.getElementById(vimeo.id);
+			var events = void 0;
+
+			events = ['mouseover', 'mouseout'];
+
+			var assignEvents = function assignEvents(e) {
+				var event = mejs.Utils.createEvent(e.type, vimeo);
+				mediaElement.dispatchEvent(event);
+			};
+
+			for (var _i3 = 0, _total3 = events.length; _i3 < _total3; _i3++) {
+				vimeoIframe.addEventListener(events[_i3], assignEvents, false);
+			}
+
+			vimeoPlayer.on('loaded', function () {
+				vimeoPlayer.getDuration().then(function (loadProgress) {
+					duration = loadProgress;
+					if (duration > 0) {
+						bufferedTime = duration * loadProgress;
+						if (mediaElement.originalNode.autoplay) {
+							paused = false;
+							ended = false;
+							var event = mejs.Utils.createEvent('play', vimeo);
+							mediaElement.dispatchEvent(event);
+						}
+					}
+				}).catch(function (error) {
+					errorHandler(error, vimeo);
+				});
+			});
+			vimeoPlayer.on('progress', function () {
+				vimeoPlayer.getDuration().then(function (loadProgress) {
+					duration = loadProgress;
+
+					if (duration > 0) {
+						bufferedTime = duration * loadProgress;
+						if (mediaElement.originalNode.autoplay) {
+							var initEvent = mejs.Utils.createEvent('play', vimeo);
+							mediaElement.dispatchEvent(initEvent);
+
+							var playingEvent = mejs.Utils.createEvent('playing', vimeo);
+							mediaElement.dispatchEvent(playingEvent);
+						}
+					}
+
+					var event = mejs.Utils.createEvent('progress', vimeo);
+					mediaElement.dispatchEvent(event);
+				}).catch(function (error) {
+					errorHandler(error, vimeo);
+				});
+			});
+			vimeoPlayer.on('timeupdate', function () {
+				vimeoPlayer.getCurrentTime().then(function (seconds) {
+					currentTime = seconds;
+
+					var event = mejs.Utils.createEvent('timeupdate', vimeo);
+					mediaElement.dispatchEvent(event);
+				}).catch(function (error) {
+					errorHandler(error, vimeo);
+				});
+			});
+			vimeoPlayer.on('play', function () {
+				paused = false;
+				ended = false;
+				var event = mejs.Utils.createEvent('play', vimeo);
+				mediaElement.dispatchEvent(event);
+
+				var playingEvent = mejs.Utils.createEvent('playing', vimeo);
+				mediaElement.dispatchEvent(playingEvent);
+			});
+			vimeoPlayer.on('pause', function () {
+				paused = true;
+				ended = false;
+
+				var event = mejs.Utils.createEvent('pause', vimeo);
+				mediaElement.dispatchEvent(event);
+			});
+			vimeoPlayer.on('ended', function () {
+				paused = false;
+				ended = true;
+
+				var event = mejs.Utils.createEvent('ended', vimeo);
+				mediaElement.dispatchEvent(event);
+			});
+
+			events = ['rendererready', 'loadedmetadata', 'loadeddata', 'canplay'];
+
+			for (var _i4 = 0, _total4 = events.length; _i4 < _total4; _i4++) {
+				var event = mejs.Utils.createEvent(events[_i4], vimeo);
+				mediaElement.dispatchEvent(event);
+			}
+		};
+
+		var height = mediaElement.originalNode.height,
+		    width = mediaElement.originalNode.width,
+		    vimeoContainer = document.createElement('iframe'),
+		    standardUrl = 'https://player.vimeo.com/video/' + VimeoApi.getVimeoId(mediaFiles[0].src);
+
+		var queryArgs = ~mediaFiles[0].src.indexOf('?') ? '?' + mediaFiles[0].src.slice(mediaFiles[0].src.indexOf('?') + 1) : '';
+		if (queryArgs && mediaElement.originalNode.autoplay && queryArgs.indexOf('autoplay') === -1) {
+			queryArgs += '&autoplay=1';
+		}
+		if (queryArgs && mediaElement.originalNode.loop && queryArgs.indexOf('loop') === -1) {
+			queryArgs += '&loop=1';
+		}
+
+		vimeoContainer.setAttribute('id', vimeo.id);
+		vimeoContainer.setAttribute('width', width);
+		vimeoContainer.setAttribute('height', height);
+		vimeoContainer.setAttribute('frameBorder', '0');
+		vimeoContainer.setAttribute('src', '' + standardUrl + queryArgs);
+		vimeoContainer.setAttribute('webkitallowfullscreen', '');
+		vimeoContainer.setAttribute('mozallowfullscreen', '');
+		vimeoContainer.setAttribute('allowfullscreen', '');
+
+		mediaElement.originalNode.parentNode.insertBefore(vimeoContainer, mediaElement.originalNode);
+		mediaElement.originalNode.style.display = 'none';
+
+		VimeoApi.load({
+			iframe: vimeoContainer,
+			id: vimeo.id
+		});
+
+		vimeo.hide = function () {
+			vimeo.pause();
+			if (vimeoPlayer) {
+				vimeoContainer.style.display = 'none';
+			}
+		};
+		vimeo.setSize = function (width, height) {
+			vimeoContainer.setAttribute('width', width);
+			vimeoContainer.setAttribute('height', height);
+		};
+		vimeo.show = function () {
+			if (vimeoPlayer) {
+				vimeoContainer.style.display = '';
+			}
+		};
+
+		vimeo.destroy = function () {};
+
+		return vimeo;
+	}
+};
+
+mejs.Utils.typeChecks.push(function (url) {
+	return (/(\/\/player\.vimeo|vimeo\.com)/i.test(url) ? 'video/x-vimeo' : null
+	);
+});
+
+mejs.Renderers.add(vimeoIframeRenderer);
+
+},{}]},{},[1]);