0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

switch video source while loading metadata

Browse source
This commit is contained in:
j 2012-02-17 13:36:26 +01:00
parent 3407f36d12
commit 7397bead91
1 changed files with 55 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

89
source/Ox.UI/js/Video/Ox.VideoElement.js
View file

@ -25,7 +25,9 @@ Ox.VideoElement = function(options, self) {
Ox.Log('Video', 'VIDEO ELEMENT OPTIONS', self.options); Ox.Log('Video', 'VIDEO ELEMENT OPTIONS', self.options);
self.currentPart = 0;
self.items = []; self.items = [];
self.loadedMetadata = false;
self.paused = true; self.paused = true;
self.$video = $('<div>'); self.$video = $('<div>');
@ -72,46 +74,6 @@ Ox.VideoElement = function(options, self) {
return ret; return ret;
} }
function loadPage(page, callback) {
Ox.Log('Video', 'VIDEO loadPage', page);
//page = Ox.mod(page, self.numberOfPages);
var loadedmetadata = 0,
start = page * self.pageLength,
stop = Math.min(start + self.pageLength, self.numberOfItems),
pageLength = stop - start;
if (!self.items[start]) {
self.options.src([start, stop], function(data) {
data.forEach(function(data, i) {
self.items[start + i] = loadItem(data.parts, data.points, function(item) {
if (++loadedmetadata == pageLength) {
Ox.Log('Video', 'VIDEO page', page, 'loaded');
callback && callback();
}
});
});
});
} else {
Ox.Log('Video', 'PAGE IN CACHE');
callback && callback();
}
}
function loadPages(callback) {
var currentPage = self.currentPage,
nextPage = Ox.mod(currentPage + 1, self.numberOfPages),
previousPage = Ox.mod(currentPage - 1, self.numberOfPages);
loadPage(currentPage, function() {
if (nextPage != currentPage) {
loadPage(nextPage, function() {
if (previousPage != currentPage && previousPage != nextPage) {
unloadPage(previousPage);
}
});
}
callback && callback();
});
}
function loadItem(src, points, callback) { function loadItem(src, points, callback) {
src = Ox.isArray(src) ? src : [src]; src = Ox.isArray(src) ? src : [src];
var item = { var item = {
@ -161,6 +123,7 @@ Ox.VideoElement = function(options, self) {
callback && callback(); callback && callback();
} else { } else {
setCurrentItem(0); setCurrentItem(0);
self.loadedMetadata = true;
that.triggerEvent('loadedmetadata'); that.triggerEvent('loadedmetadata');
} }
} }
@ -205,6 +168,46 @@ Ox.VideoElement = function(options, self) {
return item; return item;
} }
function loadPage(page, callback) {
Ox.Log('Video', 'VIDEO loadPage', page);
//page = Ox.mod(page, self.numberOfPages);
var loadedmetadata = 0,
start = page * self.pageLength,
stop = Math.min(start + self.pageLength, self.numberOfItems),
pageLength = stop - start;
if (!self.items[start]) {
self.options.src([start, stop], function(data) {
data.forEach(function(data, i) {
self.items[start + i] = loadItem(data.parts, data.points, function(item) {
if (++loadedmetadata == pageLength) {
Ox.Log('Video', 'VIDEO page', page, 'loaded');
callback && callback();
}
});
});
});
} else {
Ox.Log('Video', 'PAGE IN CACHE');
callback && callback();
}
}
function loadPages(callback) {
var currentPage = self.currentPage,
nextPage = Ox.mod(currentPage + 1, self.numberOfPages),
previousPage = Ox.mod(currentPage - 1, self.numberOfPages);
loadPage(currentPage, function() {
if (nextPage != currentPage) {
loadPage(nextPage, function() {
if (previousPage != currentPage && previousPage != nextPage) {
unloadPage(previousPage);
}
});
}
callback && callback();
});
}
function setCurrentItem(item) { function setCurrentItem(item) {
Ox.Log('Video', 'scI', item); Ox.Log('Video', 'scI', item);
var interval; var interval;
@ -426,12 +429,18 @@ Ox.VideoElement = function(options, self) {
ret = self.video.src; ret = self.video.src;
} else { } else {
self.options.src = Ox.isArray(arguments[0]) ? arguments[0] : [arguments[0]]; self.options.src = Ox.isArray(arguments[0]) ? arguments[0] : [arguments[0]];
if (self.loadedMetadata) {
self.$video[self.currentPart].src = self.options.src[self.currentPart]; self.$video[self.currentPart].src = self.options.src[self.currentPart];
self.$video.each(function(video, i) { self.$video.each(function(video, i) {
if (i != self.currentPart) { if (i != self.currentPart) {
video.src = self.options.src[i]; video.src = self.options.src[i];
} }
}); });
} else {
Ox.forEach(self.items[0].$videos, function($video, i) {
$video[0].src = self.options.src[i] + '?' + Ox.uid();
});
}
ret = that; ret = that;
} }
return ret; return ret;