sanj/oxjs
1
0
Fork 0
forked from 0x2620/oxjs
Code Pull requests Activity

more timelines

Browse source
This commit is contained in:
rolux 2011-05-15 20:50:05 +02:00
commit 275dcbb356
5 changed files with 275 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

49
demos/video/js/video.js
View file

@ -34,6 +34,7 @@ Ox.load('UI', {
Ox.VideoPlayer({
controls: ['play', 'mute', 'fullscreen', 'scale', 'timeline', 'position'],
enableKeyboard: true,
find: 'brick',
focus: 'mouseenter',
height: 192,
'in': 3128.725,
@ -126,6 +127,7 @@ Ox.load('UI', {
.bindEvent({
resize: function(foo, size) {
$videos[0].options({width: size - 32});
$smallTimeline.options({width: size - 16});
}
}),
size: 392,
@ -163,7 +165,7 @@ Ox.load('UI', {
.bindEvent({
resize: function(foo, size) {
$videos[2].options({width: size - 32});
$blockTimeline.options({width: size - 40});
$blockTimeline.options({width: size - 16});
}
}),
size: 392,
@ -192,19 +194,43 @@ Ox.load('UI', {
Ox.get('srt/0393109.srt', function(srt) {
var subtitles = Ox.parseSRT(srt);
$foo.append(
Ox.SmallVideoTimelineImages({
$smallTimeline = Ox.SmallVideoTimeline({
duration: 6336.08,
find: 'brick',
getTimelineURL: function(i) {
return 'png/timeline.16.' + i + '.png';
},
'in': 1800,
out: 1900,
results: [
{'in': 3600, out: 3700}
],
'in': 3128.725,
out: 3130.725,
results: results,
subtitles: subtitles,
type: 'editor',
width: 392
width: 376
})
.css({
position: 'absolute',
left: '4px',
top: '4px'
})
);
$foo.append(
$playerTimeline = Ox.SmallVideoTimeline({
duration: 6336.08,
find: 'brick',
getTimelineURL: function(i) {
return 'png/timeline.16.' + i + '.png';
},
'in': 3128.725,
out: 3130.725,
results: results,
subtitles: subtitles,
type: 'player',
width: 376
})
.css({
position: 'absolute',
left: '4px',
top: '32px'
})
);
$bar.append(
@ -217,13 +243,14 @@ Ox.load('UI', {
'in': 3128.725,
out: 3130.725,
results: results,
showMilliseconds: 2,
subtitles: subtitles,
width: 353
width: 376
})
.css({
position: 'absolute',
left: '16px',
top: '16px'
left: '4px',
top: '4px'
})
.bindEvent('position', function(data) {
$videos[2].options({