You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

prezi_player.js 9.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. (function() {
  2. "use strict";
  3. var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
  4. window.PreziPlayer = (function() {
  5. PreziPlayer.API_VERSION = 1;
  6. PreziPlayer.CURRENT_STEP = 'currentStep';
  7. PreziPlayer.CURRENT_OBJECT = 'currentObject';
  8. PreziPlayer.STATUS_LOADING = 'loading';
  9. PreziPlayer.STATUS_READY = 'ready';
  10. PreziPlayer.STATUS_CONTENT_READY = 'contentready';
  11. PreziPlayer.EVENT_CURRENT_STEP = "currentStepChange";
  12. PreziPlayer.EVENT_CURRENT_OBJECT = "currentObjectChange";
  13. PreziPlayer.EVENT_STATUS = "statusChange";
  14. PreziPlayer.EVENT_PLAYING = "isAutoPlayingChange";
  15. PreziPlayer.EVENT_IS_MOVING = "isMovingChange";
  16. PreziPlayer.domain = "https://prezi.com";
  17. PreziPlayer.path = "/player/";
  18. PreziPlayer.players = {};
  19. PreziPlayer.binded_methods = ['changesHandler'];
  20. PreziPlayer.createMultiplePlayers = function(optionArray){
  21. for(var i=0; i<optionArray.length; i++) {
  22. var optionSet = optionArray[i];
  23. new PreziPlayer(optionSet.id, optionSet);
  24. };
  25. };
  26. PreziPlayer.messageReceived = function(event){
  27. var message, item, player;
  28. try {
  29. message = JSON.parse(event.data);
  30. } catch (e) {}
  31. if (message.id && (player = PreziPlayer.players[message.id])){
  32. if (player.options.debug === true) {
  33. if (console && console.log) console.log('received', message);
  34. }
  35. if (message.type === "changes"){
  36. player.changesHandler(message);
  37. }
  38. for (var i=0; i<player.callbacks.length; i++) {
  39. item = player.callbacks[i];
  40. if (item && message.type === item.event){
  41. item.callback(message);
  42. }
  43. }
  44. }
  45. };
  46. function PreziPlayer(id, options) {
  47. var params, paramString = "", _this = this;
  48. if (PreziPlayer.players[id]){
  49. PreziPlayer.players[id].destroy();
  50. }
  51. for(var i=0; i<PreziPlayer.binded_methods.length; i++) {
  52. var method_name = PreziPlayer.binded_methods[i];
  53. _this[method_name] = __bind(_this[method_name], _this);
  54. };
  55. options = options || {};
  56. this.options = options;
  57. this.values = {'status': PreziPlayer.STATUS_LOADING};
  58. this.values[PreziPlayer.CURRENT_STEP] = 0;
  59. this.values[PreziPlayer.CURRENT_OBJECT] = null;
  60. this.callbacks = [];
  61. this.id = id;
  62. this.embedTo = document.getElementById(id);
  63. if (!this.embedTo) {
  64. throw "The element id is not available.";
  65. }
  66. this.iframe = document.createElement('iframe');
  67. params = [
  68. { name: 'oid', value: options.preziId },
  69. { name: 'explorable', value: options.explorable ? 1 : 0 },
  70. { name: 'controls', value: options.controls ? 1 : 0 }
  71. ];
  72. for(var i=0; i<params.length; i++) {
  73. var param = params[i];
  74. paramString += (i===0 ? "?" : "&") + param.name + "=" + param.value;
  75. };
  76. this.iframe.src = PreziPlayer.domain + PreziPlayer.path + paramString;
  77. this.iframe.frameBorder = 0;
  78. this.iframe.scrolling = "no";
  79. this.iframe.width = options.width || 640;
  80. this.iframe.height = options.height || 480;
  81. this.embedTo.innerHTML = '';
  82. try {
  83. this.embedTo.appendChild(this.iframe);
  84. }
  85. catch (err) {
  86. console.log("CATCH ERROR");
  87. }
  88. this.initPollInterval = setInterval(function(){
  89. _this.sendMessage({'action': 'init'});
  90. }, 500);
  91. PreziPlayer.players[id] = this;
  92. }
  93. PreziPlayer.prototype.changesHandler = function(message) {
  94. var key, value, j, item;
  95. if (this.initPollInterval) {
  96. clearInterval(this.initPollInterval);
  97. this.initPollInterval = false;
  98. }
  99. for (key in message.data) {
  100. if (message.data.hasOwnProperty(key)){
  101. value = message.data[key];
  102. this.values[key] = value;
  103. for (j=0; j<this.callbacks.length; j++) {
  104. item = this.callbacks[j];
  105. if (item && item.event === key + "Change"){
  106. item.callback({type: item.event, value: value});
  107. }
  108. }
  109. }
  110. }
  111. };
  112. PreziPlayer.prototype.destroy = function() {
  113. if (this.initPollInterval) {
  114. clearInterval(this.initPollInterval);
  115. this.initPollInterval = false;
  116. }
  117. this.embedTo.innerHTML = '';
  118. };
  119. PreziPlayer.prototype.sendMessage = function(message) {
  120. if (this.options.debug === true) {
  121. if (console && console.log) console.log('sent', message);
  122. }
  123. message.version = PreziPlayer.API_VERSION;
  124. message.id = this.id;
  125. return this.iframe.contentWindow.postMessage(JSON.stringify(message), '*');
  126. };
  127. PreziPlayer.prototype.nextStep = /* nextStep is DEPRECATED */
  128. PreziPlayer.prototype.flyToNextStep = function() {
  129. return this.sendMessage({
  130. 'action': 'present',
  131. 'data': ['moveToNextStep']
  132. });
  133. };
  134. PreziPlayer.prototype.previousStep = /* previousStep is DEPRECATED */
  135. PreziPlayer.prototype.flyToPreviousStep = function() {
  136. return this.sendMessage({
  137. 'action': 'present',
  138. 'data': ['moveToPrevStep']
  139. });
  140. };
  141. PreziPlayer.prototype.toStep = /* toStep is DEPRECATED */
  142. PreziPlayer.prototype.flyToStep = function(step) {
  143. return this.sendMessage({
  144. 'action': 'present',
  145. 'data': ['moveToStep', step]
  146. });
  147. };
  148. PreziPlayer.prototype.toObject = /* toObject is DEPRECATED */
  149. PreziPlayer.prototype.flyToObject = function(objectId) {
  150. return this.sendMessage({
  151. 'action': 'present',
  152. 'data': ['moveToObject', objectId]
  153. });
  154. };
  155. PreziPlayer.prototype.play = function(defaultDelay) {
  156. return this.sendMessage({
  157. 'action': 'present',
  158. 'data': ['startAutoPlay', defaultDelay]
  159. });
  160. };
  161. PreziPlayer.prototype.stop = function() {
  162. return this.sendMessage({
  163. 'action': 'present',
  164. 'data': ['stopAutoPlay']
  165. });
  166. };
  167. PreziPlayer.prototype.pause = function(defaultDelay) {
  168. return this.sendMessage({
  169. 'action': 'present',
  170. 'data': ['pauseAutoPlay', defaultDelay]
  171. });
  172. };
  173. PreziPlayer.prototype.getCurrentStep = function() {
  174. return this.values.currentStep;
  175. };
  176. PreziPlayer.prototype.getCurrentObject = function() {
  177. return this.values.currentObject;
  178. };
  179. PreziPlayer.prototype.getStatus = function() {
  180. return this.values.status;
  181. };
  182. PreziPlayer.prototype.isPlaying = function() {
  183. return this.values.isAutoPlaying;
  184. };
  185. PreziPlayer.prototype.getStepCount = function() {
  186. return this.values.stepCount;
  187. };
  188. PreziPlayer.prototype.getTitle = function() {
  189. return this.values.title;
  190. };
  191. PreziPlayer.prototype.setDimensions = function(dims) {
  192. for (var parameter in dims) {
  193. this.iframe[parameter] = dims[parameter];
  194. }
  195. }
  196. PreziPlayer.prototype.getDimensions = function() {
  197. return {
  198. width: parseInt(this.iframe.width, 10),
  199. height: parseInt(this.iframe.height, 10)
  200. }
  201. }
  202. PreziPlayer.prototype.on = function(event, callback) {
  203. this.callbacks.push({
  204. event: event,
  205. callback: callback
  206. });
  207. };
  208. PreziPlayer.prototype.off = function(event, callback) {
  209. var j, item;
  210. if (event === undefined) {
  211. this.callbacks = [];
  212. }
  213. j = this.callbacks.length;
  214. while (j--) {
  215. item = this.callbacks[j];
  216. if (item && item.event === event && (callback === undefined || item.callback === callback)){
  217. this.callbacks.splice(j, 1);
  218. }
  219. }
  220. };
  221. if (window.addEventListener) {
  222. window.addEventListener('message', PreziPlayer.messageReceived, false);
  223. } else {
  224. window.attachEvent('onmessage', PreziPlayer.messageReceived);
  225. }
  226. return PreziPlayer;
  227. })();
  228. })();