diff --git a/static/js/pandora/pandora.js b/static/js/pandora/pandora.js index f6967bd..1170bee 100644 --- a/static/js/pandora/pandora.js +++ b/static/js/pandora/pandora.js @@ -144,17 +144,26 @@ pandora.getListData = function() { return data; }; -pandora.getVideoPartAndPosition = function(durations, position) { - var duration = 0, ret; - Ox.forEach(durations, function(d, i) { - if (duration + d > position) { - ret = { - part: i, - position: position - duration +pandora.getVideoPartsAndPoints = function(durations, points) { + var parts = durations.length, + offsets = Ox.range(parts).map(function(i) { + return Ox.sum(Ox.sub(durations, 0, i)); + }), + ret = { + parts: [], + points: [] + }; + points.forEach(function(point, i) { + Ox.loop(parts - 1, -1, -1, function(i) { + if (offsets[i] <= point) { + ret.parts[i] = i; + return false; } - return false; - } - duration += d; + }); + }); + ret.parts = Ox.unique(ret.parts); + ret.points = points.map(function(point) { + return point - offsets[ret.parts[0]]; }); return ret; }; diff --git a/static/js/pandora/ui/item.js b/static/js/pandora/ui/item.js index 8d2cfe8..830e112 100644 --- a/static/js/pandora/ui/item.js +++ b/static/js/pandora/ui/item.js @@ -206,6 +206,16 @@ pandora.ui.item = function() { .bindEvent('resize', function() { pandora.$ui.map.resizeMap(); })); + } else if (pandora.user.ui.itemView == 'statistics') { + var stats = Ox.Container(); + Ox.TreeList({ + data: result.data, + width: pandora.$ui.mainPanel.size(1) - Ox.UI.SCROLLBAR_SIZE + }).appendTo(stats); + + pandora.$ui.contentPanel.replaceElement(1, stats); + + } else if (pandora.user.ui.itemView == 'player') { // fixme: duplicated var layers = [], @@ -223,7 +233,7 @@ pandora.ui.item = function() { pandora.$ui.contentPanel.replaceElement(1, pandora.$ui.player = Ox.VideoPanelPlayer({ annotationsSize: pandora.user.ui.annotationsSize, cuts: result.data.cuts || [], - duration: video.duration, + duration: result.data.duration, getTimelineImageURL: function(i) { return '/' + pandora.user.ui.item + '/timeline64p' + i + '.png'; }, @@ -260,18 +270,9 @@ pandora.ui.item = function() { pandora.UI.set('volume', data.volume); }, })); - } else if (pandora.user.ui.itemView == 'statistics') { - var stats = Ox.Container(); - Ox.TreeList({ - data: result.data, - width: pandora.$ui.mainPanel.size(1) - Ox.UI.SCROLLBAR_SIZE - }).appendTo(stats); - - pandora.$ui.contentPanel.replaceElement(1, stats); - } else if (pandora.user.ui.itemView == 'timeline') { var layers = [], - video = result.data.stream; + video = {}; $.each(pandora.site.layers, function(i, layer) { layers[i] = $.extend({}, layer, {items: result.data.layers[layer.id]}); }); @@ -284,7 +285,7 @@ pandora.ui.item = function() { pandora.$ui.contentPanel.replaceElement(1, pandora.$ui.editor = Ox.VideoEditor({ annotationsSize: pandora.user.ui.annotationsSize, cuts: result.data.cuts || [], - duration: video.duration, + duration: result.data.duration, find: '', getFrameURL: function(position) { return '/' + pandora.user.ui.item + '/' + Ox.last(pandora.site.video.resolutions) + 'p' + position + '.jpg'; diff --git a/static/js/pandora/ui/list.js b/static/js/pandora/ui/list.js index b9bc5d3..cf146f3 100644 --- a/static/js/pandora/ui/list.js +++ b/static/js/pandora/ui/list.js @@ -214,7 +214,11 @@ pandora.ui.list = function() { // fixme: remove view argument }, openpreview: function(data) { var $video = $('.OxItem.OxSelected > .OxIcon > .OxVideoPlayer'); - $video && $video.trigger('click'); + if ($video) { + // trigger singleclick + $video.trigger('mousedown'); + Ox.UI.$window.trigger('mouseup'); + } $video && Ox.print('OPENPREVIEW!!!@!') that.closePreview(); }, @@ -229,18 +233,18 @@ pandora.ui.list = function() { // fixme: remove view argument if ($img.length) { var width = parseInt($img.css('width')), height = parseInt($img.css('height')); - pandora.api.get({id: item, keys: ['parts']}, function(result) { - var inPoint = that.value(id, 'in'), - outPoint = that.value(id, 'out'), + pandora.api.get({id: item, keys: ['durations']}, function(result) { + var points = [that.value(id, 'in'), that.value(id, 'out')], + partsAndPoints = pandora.getVideoPartsAndPoints(result.data.durations, points), $player = Ox.VideoPlayer({ height: height, - 'in': inPoint, - out: outPoint, + 'in': partsAndPoints.points[0], + out: partsAndPoints.points[1], paused: true, playInToOut: true, - poster: '/' + item + '/' + height + 'p' + that.value(id, 'in') + '.jpg', + poster: '/' + item + '/' + height + 'p' + points[0] + '.jpg', width: width, - video: Ox.range(result.data.parts).map(function(i) { + video: partsAndPoints.parts.map(function(i) { return '/' + item + '/96p' + (i + 1) + '.' + pandora.user.videoFormat }) })