www/plugins-dist/medias/lib/mejs/renderers/facebook.js

   1 /*!
   2  * MediaElement.js
   3  * http://www.mediaelementjs.com/
   4  *
   5  * Wrapper that mimics native HTML5 MediaElement (audio and video)
   6  * using a variety of technologies (pure JavaScript, Flash, iframe)
   7  *
   8  * Copyright 2010-2017, John Dyer (http://j.hn/)
   9  * License: MIT
  10  *
  11  */(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){
  12 'use strict';
  13
  14 var FacebookRenderer = {
  15         name: 'facebook',
  16         options: {
  17                 prefix: 'facebook',
  18                 facebook: {
  19                         appId: '',
  20                         xfbml: true,
  21                         version: 'v2.10'
  22                 }
  23         },
  24
  25         canPlayType: function canPlayType(type) {
  26                 return ~['video/facebook', 'video/x-facebook'].indexOf(type.toLowerCase());
  27         },
  28
  29         create: function create(mediaElement, options, mediaFiles) {
  30
  31                 var fbWrapper = {},
  32                     apiStack = [],
  33                     eventHandler = {},
  34                     readyState = 4,
  35                     autoplay = mediaElement.originalNode.autoplay;
  36
  37                 var poster = '',
  38                     src = '',
  39                     paused = true,
  40                     ended = false,
  41                     hasStartedPlaying = false,
  42                     fbApi = null,
  43                     fbDiv = null;
  44
  45                 if (mejs.Features.isiPhone && mediaElement.originalNode.getAttribute('poster')) {
  46                         poster = mediaElement.originalNode.getAttribute('poster');
  47                         mediaElement.originalNode.removeAttribute('poster');
  48                 }
  49
  50                 options = Object.assign(options, mediaElement.options);
  51                 fbWrapper.options = options;
  52                 fbWrapper.id = mediaElement.id + '_' + options.prefix;
  53                 fbWrapper.mediaElement = mediaElement;
  54
  55                 var props = mejs.html5media.properties,
  56                     assignGettersSetters = function assignGettersSetters(propName) {
  57
  58                         var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
  59
  60                         fbWrapper['get' + capName] = function () {
  61
  62                                 if (fbApi !== null) {
  63                                         var value = null;
  64
  65                                         switch (propName) {
  66                                                 case 'currentTime':
  67                                                         return fbApi.getCurrentPosition();
  68                                                 case 'duration':
  69                                                         return fbApi.getDuration();
  70                                                 case 'volume':
  71                                                         return fbApi.getVolume();
  72                                                 case 'paused':
  73                                                         return paused;
  74                                                 case 'ended':
  75                                                         return ended;
  76                                                 case 'muted':
  77                                                         return fbApi.isMuted();
  78                                                 case 'buffered':
  79                                                         return {
  80                                                                 start: function start() {
  81                                                                         return 0;
  82                                                                 },
  83                                                                 end: function end() {
  84                                                                         return 0;
  85                                                                 },
  86                                                                 length: 1
  87                                                         };
  88                                                 case 'src':
  89                                                         return src;
  90                                                 case 'readyState':
  91                                                         return readyState;
  92                                         }
  93
  94                                         return value;
  95                                 } else {
  96                                         return null;
  97                                 }
  98                         };
  99
 100                         fbWrapper['set' + capName] = function (value) {
 101
 102                                 if (fbApi !== null) {
 103
 104                                         switch (propName) {
 105                                                 case 'src':
 106                                                         var url = typeof value === 'string' ? value : value[0].src;
 107
 108                                                         fbDiv.remove();
 109                                                         createFacebookEmbed(url, options.facebook);
 110
 111                                                         FB.XFBML.parse();
 112
 113                                                         if (autoplay) {
 114                                                                 fbApi.play();
 115                                                         }
 116
 117                                                         break;
 118                                                 case 'currentTime':
 119                                                         fbApi.seek(value);
 120                                                         break;
 121                                                 case 'muted':
 122                                                         if (value) {
 123                                                                 fbApi.mute();
 124                                                         } else {
 125                                                                 fbApi.unmute();
 126                                                         }
 127                                                         setTimeout(function () {
 128                                                                 var event = mejs.Utils.createEvent('volumechange', fbWrapper);
 129                                                                 mediaElement.dispatchEvent(event);
 130                                                         }, 50);
 131                                                         break;
 132                                                 case 'volume':
 133                                                         fbApi.setVolume(value);
 134                                                         setTimeout(function () {
 135                                                                 var event = mejs.Utils.createEvent('volumechange', fbWrapper);
 136                                                                 mediaElement.dispatchEvent(event);
 137                                                         }, 50);
 138                                                         break;
 139                                                 case 'readyState':
 140                                                         var event = mejs.Utils.createEvent('canplay', fbWrapper);
 141                                                         mediaElement.dispatchEvent(event);
 142                                                         break;
 143                                                 default:
 144
 145                                                         break;
 146                                         }
 147                                 } else {
 148                                         apiStack.push({ type: 'set', propName: propName, value: value });
 149                                 }
 150                         };
 151                 };
 152
 153                 for (var i = 0, total = props.length; i < total; i++) {
 154                         assignGettersSetters(props[i]);
 155                 }
 156
 157                 var methods = mejs.html5media.methods,
 158                     assignMethods = function assignMethods(methodName) {
 159                         fbWrapper[methodName] = function () {
 160                                 if (fbApi !== null) {
 161                                         switch (methodName) {
 162                                                 case 'play':
 163                                                         return fbApi.play();
 164                                                 case 'pause':
 165                                                         return fbApi.pause();
 166                                                 case 'load':
 167                                                         return null;
 168                                         }
 169                                 } else {
 170                                         apiStack.push({ type: 'call', methodName: methodName });
 171                                 }
 172                         };
 173                 };
 174
 175                 for (var _i = 0, _total = methods.length; _i < _total; _i++) {
 176                         assignMethods(methods[_i]);
 177                 }
 178
 179                 function sendEvents(events) {
 180                         for (var _i2 = 0, _total2 = events.length; _i2 < _total2; _i2++) {
 181                                 var event = mejs.Utils.createEvent(events[_i2], fbWrapper);
 182                                 mediaElement.dispatchEvent(event);
 183                         }
 184                 }
 185
 186                 function createFacebookEmbed(url, config) {
 187                         src = url;
 188
 189                         fbDiv = document.createElement('div');
 190                         fbDiv.id = fbWrapper.id;
 191                         fbDiv.className = "fb-video";
 192                         fbDiv.setAttribute("data-href", url);
 193                         fbDiv.setAttribute("data-allowfullscreen", "true");
 194                         fbDiv.setAttribute("data-controls", "false");
 195
 196                         mediaElement.originalNode.parentNode.insertBefore(fbDiv, mediaElement.originalNode);
 197                         mediaElement.originalNode.style.display = 'none';
 198
 199                         window.fbAsyncInit = function () {
 200
 201                                 FB.init(config);
 202
 203                                 FB.Event.subscribe('xfbml.ready', function (msg) {
 204
 205                                         if (msg.type === 'video') {
 206
 207                                                 fbApi = msg.instance;
 208
 209                                                 var fbIframe = fbDiv.getElementsByTagName('iframe')[0],
 210                                                     width = fbIframe.offsetWidth,
 211                                                     height = fbIframe.offsetHeight,
 212                                                     events = ['mouseover', 'mouseout'],
 213                                                     assignEvents = function assignEvents(e) {
 214                                                         var event = mejs.Utils.createEvent(e.type, fbWrapper);
 215                                                         mediaElement.dispatchEvent(event);
 216                                                 };
 217
 218                                                 fbWrapper.setSize(width, height);
 219
 220                                                 if (autoplay) {
 221                                                         fbApi.play();
 222                                                 }
 223
 224                                                 for (var _i3 = 0, _total3 = events.length; _i3 < _total3; _i3++) {
 225                                                         fbIframe.addEventListener(events[_i3], assignEvents, false);
 226                                                 }
 227
 228                                                 var fbEvents = ['startedPlaying', 'paused', 'finishedPlaying', 'startedBuffering', 'finishedBuffering'];
 229                                                 for (var _i4 = 0, _total4 = fbEvents.length; _i4 < _total4; _i4++) {
 230                                                         var event = fbEvents[_i4],
 231                                                             handler = eventHandler[event];
 232                                                         if (handler !== undefined && handler !== null && !mejs.Utils.isObjectEmpty(handler) && typeof handler.removeListener === 'function') {
 233                                                                 handler.removeListener(event);
 234                                                         }
 235                                                 }
 236
 237                                                 if (apiStack.length) {
 238                                                         for (var _i5 = 0, _total5 = apiStack.length; _i5 < _total5; _i5++) {
 239
 240                                                                 var stackItem = apiStack[_i5];
 241
 242                                                                 if (stackItem.type === 'set') {
 243                                                                         var propName = stackItem.propName,
 244                                                                             capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
 245
 246                                                                         fbWrapper['set' + capName](stackItem.value);
 247                                                                 } else if (stackItem.type === 'call') {
 248                                                                         fbWrapper[stackItem.methodName]();
 249                                                                 }
 250                                                         }
 251                                                 }
 252
 253                                                 sendEvents(['rendererready', 'loadeddata', 'canplay', 'progress', 'loadedmetadata', 'timeupdate']);
 254
 255                                                 var timer = void 0;
 256
 257                                                 eventHandler.startedPlaying = fbApi.subscribe('startedPlaying', function () {
 258                                                         if (!hasStartedPlaying) {
 259                                                                 hasStartedPlaying = true;
 260                                                         }
 261                                                         paused = false;
 262                                                         ended = false;
 263                                                         sendEvents(['play', 'playing', 'timeupdate']);
 264
 265                                                         timer = setInterval(function () {
 266                                                                 fbApi.getCurrentPosition();
 267                                                                 sendEvents(['timeupdate']);
 268                                                         }, 250);
 269                                                 });
 270                                                 eventHandler.paused = fbApi.subscribe('paused', function () {
 271                                                         paused = true;
 272                                                         ended = false;
 273                                                         sendEvents(['pause']);
 274                                                 });
 275                                                 eventHandler.finishedPlaying = fbApi.subscribe('finishedPlaying', function () {
 276                                                         paused = true;
 277                                                         ended = true;
 278
 279                                                         sendEvents(['ended']);
 280                                                         clearInterval(timer);
 281                                                         timer = null;
 282                                                 });
 283                                                 eventHandler.startedBuffering = fbApi.subscribe('startedBuffering', function () {
 284                                                         sendEvents(['progress', 'timeupdate']);
 285                                                 });
 286                                                 eventHandler.finishedBuffering = fbApi.subscribe('finishedBuffering', function () {
 287                                                         sendEvents(['progress', 'timeupdate']);
 288                                                 });
 289                                         }
 290                                 });
 291                         };
 292
 293                         mejs.Utils.loadScript('https://connect.facebook.net/en_US/sdk.js');
 294                 }
 295
 296                 if (mediaFiles.length > 0) {
 297                         createFacebookEmbed(mediaFiles[0].src, fbWrapper.options.facebook);
 298                 }
 299
 300                 fbWrapper.hide = function () {
 301                         fbWrapper.stopInterval();
 302                         fbWrapper.pause();
 303                         if (fbDiv) {
 304                                 fbDiv.style.display = 'none';
 305                         }
 306                 };
 307                 fbWrapper.show = function () {
 308                         if (fbDiv) {
 309                                 fbDiv.style.display = '';
 310                         }
 311                 };
 312                 fbWrapper.setSize = function (width) {
 313                         if (fbApi !== null && !isNaN(width)) {
 314                                 fbDiv.style.width = width;
 315                         }
 316                 };
 317                 fbWrapper.destroy = function () {
 318                         if (poster) {
 319                                 mediaElement.originalNode.setAttribute('poster', poster);
 320                         }
 321                 };
 322
 323                 fbWrapper.interval = null;
 324
 325                 fbWrapper.startInterval = function () {
 326                         fbWrapper.interval = setInterval(function () {
 327                                 var event = mejs.Utils.createEvent('timeupdate', fbWrapper);
 328                                 mediaElement.dispatchEvent(event);
 329                         }, 250);
 330                 };
 331                 fbWrapper.stopInterval = function () {
 332                         if (fbWrapper.interval) {
 333                                 clearInterval(fbWrapper.interval);
 334                         }
 335                 };
 336
 337                 return fbWrapper;
 338         }
 339 };
 340
 341 mejs.Utils.typeChecks.push(function (url) {
 342         return ~url.toLowerCase().indexOf('//www.facebook') ? 'video/x-facebook' : null;
 343 });
 344
 345 mejs.Renderers.add(FacebookRenderer);
 346
 347 },{}]},{},[1]);