Improved boardgame flexibility.

namespaces
Frode Petterson 2013-04-26 17:27:35 +02:00
parent 133f0a94f9
commit 9c0fb69e27
1 changed files with 12 additions and 114 deletions

126
js/h5p.js
View File

@ -10,7 +10,7 @@ H5P.init = function () {
if (H5P.$body === undefined) { if (H5P.$body === undefined) {
H5P.$body = H5P.jQuery('body'); H5P.$body = H5P.jQuery('body');
} }
if (H5P.fullScreenBrowserPrefix === undefined) { if (H5P.fullScreenBrowserPrefix === undefined) {
if (document.cancelFullScreen) { if (document.cancelFullScreen) {
H5P.fullScreenBrowserPrefix = ''; H5P.fullScreenBrowserPrefix = '';
@ -25,13 +25,13 @@ H5P.init = function () {
H5P.fullScreenBrowserPrefix = 'ms'; H5P.fullScreenBrowserPrefix = 'ms';
} }
} }
H5P.jQuery(".h5p-content").each(function (idx, el) { H5P.jQuery(".h5p-content").each(function (idx, el) {
var $el = H5P.jQuery(el); var $el = H5P.jQuery(el);
var contentId = $el.data('content-id'); var contentId = $el.data('content-id');
var obj = new (H5P.classFromName($el.data('class')))(H5P.jQuery.parseJSON(H5PIntegration.getJsonContent(contentId)), contentId); var obj = new (H5P.classFromName($el.data('class')))(H5P.jQuery.parseJSON(H5PIntegration.getJsonContent(contentId)), contentId);
obj.attach($el); obj.attach($el);
if (H5PIntegration.getFullscreen(contentId)) { if (H5PIntegration.getFullscreen(contentId)) {
H5P.jQuery('<div class="h5p-content-controls"><a href="#" class="h5p-enable-fullscreen">' + H5PIntegration.fullscreenText + '</a><div>').insertBefore($el).children().click(function () { H5P.jQuery('<div class="h5p-content-controls"><a href="#" class="h5p-enable-fullscreen">' + H5PIntegration.fullscreenText + '</a><div>').insertBefore($el).children().click(function () {
H5P.fullScreen($el, obj); H5P.fullScreen($el, obj);
@ -43,7 +43,7 @@ H5P.init = function () {
/** /**
* Enable full screen for the given h5p. * Enable full screen for the given h5p.
* *
* @param {jQuery} $el Container * @param {jQuery} $el Container
* @param {object} obj H5P * @param {object} obj H5P
* @returns {undefined} * @returns {undefined}
@ -57,11 +57,11 @@ H5P.fullScreen = function ($el, obj) {
$el.add(H5P.$body).removeClass('h5p-semi-fullscreen'); $el.add(H5P.$body).removeClass('h5p-semi-fullscreen');
$disable.remove(); $disable.remove();
H5P.$body.unbind('keyup', keyup); H5P.$body.unbind('keyup', keyup);
if (obj.resize !== undefined) { if (obj.resize !== undefined) {
obj.resize(false); obj.resize(false);
} }
return false; return false;
}; };
keyup = function (event) { keyup = function (event) {
@ -82,17 +82,17 @@ H5P.fullScreen = function ($el, obj) {
$el.add(H5P.$body).removeClass('h5p-fullscreen'); $el.add(H5P.$body).removeClass('h5p-fullscreen');
document.removeEventListener(eventName, arguments.callee, false); document.removeEventListener(eventName, arguments.callee, false);
}); });
if (H5P.fullScreenBrowserPrefix === '') { if (H5P.fullScreenBrowserPrefix === '') {
$el[0].requestFullScreen(); $el[0].requestFullScreen();
} }
else { else {
$el[0][H5P.fullScreenBrowserPrefix + 'RequestFullScreen'](); $el[0][H5P.fullScreenBrowserPrefix + 'RequestFullScreen']();
} }
$el.add(H5P.$body).addClass('h5p-fullscreen'); $el.add(H5P.$body).addClass('h5p-fullscreen');
} }
if (obj.resize !== undefined) { if (obj.resize !== undefined) {
obj.resize(true); obj.resize(true);
} }
@ -165,119 +165,17 @@ H5P.libraryFromString = function (library) {
return false; return false;
} }
}; };
// Play a video. $target is jQuery object to attach video to. (Appended).
// Params are video-params from content. cp is content path. onEnded is
// function to call when finished.
//
// TODO: Try to get rid of content path.
H5P.playVideo = function ($target, params, skipButtonText, cp, onEnded) {
var $ = H5P.jQuery;
var width = 635, // TODO: These should come from some dimension setting.
height = 500;
var $container = $('<div class="video-container"></div>').css({
position: "absolute",
top: "0px",
left: "0px",
"z-index": "500",
width: width,
height: height
});
var sources = '';
var willWork = false; // Used for testing if video tag is supported, AND for testing if we can play back our given formats
var video = document.createElement('video');
video.autoplay = true;
video.width = width;
video.height = height;
if (video.canPlayType !== undefined) {
for (var i = 0; i < params.length; i++) {
var file = params[i];
// TODO: The files should probably be in their own group.
if (file.mime.indexOf('video') === 0) {
if (video.canPlayType(file.mime)) {
var source = document.createElement('source');
source.src = cp + file.path;
source.type = file.mime;
video.appendChild(source);
willWork = willWork || true;
}
}
}
if (willWork) {
$container.append(video);
$(video).on('ended', function() {
onEnded();
});
}
}
var fplayer = undefined;
if (!willWork) {
// use flowplayer fallback
var fp_container = document.createElement("div");
fp_container.width = "100%";
fp_container.height = "100%";
fplayer = flowplayer(fp_container, {
src: "http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf",
wmode: "opaque",
width: width,
height: height
}, {
buffering: true,
clip: {
url: window.location.protocol + '//' + window.location.host + cp + params[0].path,
autoPlay: true,
autoBuffering: true,
onFinish: function () {
onEnded();
},
onError: function () {
onEnded();
}
}
});
willWork = true;
$container.append(fp_container);
}
if (!willWork) {
// Video tag is not supported and flash player failed too.
onEnded();
return;
}
if (skipButtonText) {
var $skipButton = $('<a class="button skip">' + skipButtonText + '</a>').click(function (ev) {
if (fplayer !== undefined) {
// Must stop this first. Errorama if we don't
fplayer.stop().close().unload();
}
$container.hide();
onEnded();
});
$container.append($skipButton);
}
// Finally, append to target.
$target.append($container);
};
/** /**
* Recursivly clone the given object. * Recursivly clone the given object.
* *
* @param {object} object Object to clone. * @param {object} object Object to clone.
* @param {type} recursive * @param {type} recursive
* @returns {object} A clone of object. * @returns {object} A clone of object.
*/ */
H5P.cloneObject = function (object, recursive, array) { H5P.cloneObject = function (object, recursive, array) {
var clone = array !== undefined && array ? [] : {}; var clone = array !== undefined && array ? [] : {};
for (var i in object) { for (var i in object) {
if (object.hasOwnProperty(i)) { if (object.hasOwnProperty(i)) {
if (recursive !== undefined && recursive && typeof object[i] === 'object') { if (recursive !== undefined && recursive && typeof object[i] === 'object') {
@ -288,7 +186,7 @@ H5P.cloneObject = function (object, recursive, array) {
} }
} }
} }
return clone; return clone;
}; };