embedded video

This commit is contained in:
j 2011-06-19 14:51:36 +02:00
parent ced7dbe65a
commit 0b8b0a6b20

View file

@ -1,16 +1,22 @@
/*** /***
Pandora embed Pandora embed
***/ ***/
Ox.load('UI', function() { Ox.load('UI', {
var pandora = new Ox.App({ debug: true,
hideScreen: false,
loadImages: true,
showScreen: true,
theme: 'modern'
}, function() {
window.pandora = new Ox.App({url: '/api/'}).bindEvent({
apiURL: '/api/', apiURL: '/api/',
}).launch(function(data) { }).bindEvent('load', function(data) {
var ui = {}; $.extend(pandora, {
var app = { ui: {},
info: function(item) { info: function(item) {
var that = new Ox.Element() var that = Ox.Element()
.append( .append(
ui.infoTimeline = new Ox.Element('img') ui.infoTimeline = Ox.Element('<img>')
.css({ .css({
position: 'absolute', position: 'absolute',
left: 0, left: 0,
@ -30,8 +36,52 @@ var pandora = new Ox.App({
) )
return that; return that;
}, },
clip: function(item, inPoint, outPoint) {
Ox.print('!@#!@#!@#', inPoint, outPoint);
var that = Ox.Element();
pandora.api.getItem(item, function(result) {
var video = result.data.stream,
format = $.support.video.supportedFormat(video.formats);
video.height = video.profiles[0];
video.width = parseInt(video.height * video.aspectRatio / 2) * 2;
video.url = video.baseUrl + '/' + video.height + 'p.' + format;
that.append(pandora.player = Ox.VideoPlayer({
controlsBottom: ['playInToOut', 'space', 'position'],
enableFind: false,
enableFullscreen: true,
enableVolume: true,
externalControls: false,
height: 192,
paused: true,
showMarkers: true,
showMilliseconds: 2,
width: 360,
'in': inPoint,
out: outPoint,
position: inPoint,
poster: '/' + item + '/frame/' + '128' + '/' + inPoint +'.jpg',
title: result.data.title,
video: video.url
})
.bindEvent({
position: function(data) {
if(data.position<inPoint || data.position>outPoint) {
if(!pandora.player.options('paused'))
pandora.player.togglePaused();
pandora.player.options({
position: inPoint,
});
}
}
})
);
Ox.UI.hideLoadingScreen();
});
return that;
},
flipbook: function(item) { flipbook: function(item) {
var that = new Ox.Flipbook({ var that = Ox.Flipbook({
}).bindEvent('click', function(event, data) { }).bindEvent('click', function(event, data) {
var item_url = document.location.origin + '/' + item; var item_url = document.location.origin + '/' + item;
window.top.location.href = item_url + '/timeline#t=' + data.position; window.top.location.href = item_url + '/timeline#t=' + data.position;
@ -54,9 +104,29 @@ var pandora = new Ox.App({
}); });
return that; return that;
} }
}; });
var item = document.location.pathname.split('/')[1]; var item = document.location.pathname.split('/')[1];
ui.info = new app.info(item) function getArgument(key, result) {
.appendTo(document.body); var args = Ox.map(document.location.hash.substr(1).split('&'), function(a) {
a = a.split('=');
var key = a[0],
value = a[1];
return {
'key': key,
'value': value
}
});
$.each(args, function(i, a) {
Ox.print(i, a);
if (a.key == key) {
result = a.value;
return false;
}
});
return result;
}
var t = getArgument('t', '0,10').split(',')
pandora.ui.info = pandora.clip(item, parseInt(t[0]), parseInt(t[1]))
.appendTo(document.body);
}); });
}); });