load timeline overlays(subtitles, cuts, results) more asynchronously

This commit is contained in:
j 2014-02-02 18:48:45 +00:00
commit be9ec5a86a
2 changed files with 21 additions and 16 deletions

View file

@ -138,9 +138,6 @@ Ox.SmallVideoTimelineImage = function(options, self) {
}
self.$subtitles = $('<img>')
.attr({
src: getImageURL('subtitles')
})
.css({
position: 'absolute',
top: self.imageTop + 'px',
@ -150,9 +147,6 @@ Ox.SmallVideoTimelineImage = function(options, self) {
.appendTo(that);
self.$results = $('<img>')
.attr({
src: getImageURL('results')
})
.css({
position: 'absolute',
top: self.imageTop + 'px',
@ -162,9 +156,6 @@ Ox.SmallVideoTimelineImage = function(options, self) {
.appendTo(that);
self.$selection = $('<img>')
.attr({
src: getImageURL('selection')
})
.css({
position: 'absolute',
top: self.imageTop + 'px',
@ -172,6 +163,18 @@ Ox.SmallVideoTimelineImage = function(options, self) {
height: self.imageHeight + 'px'
})
.appendTo(that);
setTimeout(function() {
self.$subtitles.attr({
src: getImageURL('subtitles')
});
self.$results.attr({
src: getImageURL('results')
});
self.$selection.attr({
src: getImageURL('selection')
});
});
function getClipTimeline() {
var $canvas, context, image,